File size: 12,139 Bytes
114548e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nursing Genius Boosters - Academic Assistance</title>
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        fuchsia: {
                            500: '#d946ef',
                            600: '#c026d3',
                        }
                    }
                }
            }
        }
    </script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        body {
            font-family: 'Poppins', sans-serif;
        }
        .vanta-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.3;
        }
    </style>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
    <div id="vanta-bg" class="vanta-bg"></div>

    <!-- Navigation -->
    <nav class="bg-gray-800 bg-opacity-80 backdrop-blur-sm border-b border-fuchsia-500/20">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between h-16">
                <div class="flex items-center">
                    <div class="flex-shrink-0">
                        <span class="text-fuchsia-500 font-bold text-2xl">NGB</span>
                    </div>
                    <div class="hidden md:block">
                        <div class="ml-10 flex items-baseline space-x-4">
                            <a href="#" class="text-fuchsia-500 px-3 py-2 rounded-md text-sm font-medium">Home</a>
                            <a href="services.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Services</a>
                            <a href="about.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About Us</a>
                            <a href="testimonials.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Testimonials</a>
                            <a href="contact.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
</div>
                    </div>
                </div>
                <div class="hidden md:block">
                    <div class="ml-4 flex items-center md:ml-6">
                        <a href="https://credencewriters.com/orders/stud/new" class="bg-fuchsia-600 hover:bg-fuchsia-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-300 flex items-center">
                            <i data-feather="edit-3" class="w-4 h-4 mr-2"></i> Place Order
                        </a>
                    </div>
                </div>
                <div class="-mr-2 flex md:hidden">
                    <button type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
                        <span class="sr-only">Open main menu</span>
                        <i data-feather="menu"></i>
                    </button>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <div class="relative pt-16 pb-32 px-4 sm:px-6 lg:px-8">
        <div class="max-w-7xl mx-auto">
            <div class="lg:grid lg:grid-cols-12 lg:gap-8">
                <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
                    <h1 class="mt-4 text-4xl tracking-tight font-extrabold text-white sm:mt-5 sm:leading-none lg:mt-6 lg:text-5xl xl:text-6xl">
                        <span class="text-fuchsia-500">Nursing</span> Academic Support
                    </h1>
                    <p class="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
                        Get 100% human-written assistance for your nursing courses including Shadow Health, essays, capstone papers, term papers and more.
                    </p>
                    <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
                        <div class="flex flex-col sm:flex-row sm:space-x-4 space-y-4 sm:space-y-0">
                            <a href="https://credencewriters.com/orders/stud/new" class="w-full sm:w-auto bg-fuchsia-600 hover:bg-fuchsia-700 text-white px-6 py-3 rounded-md text-base font-medium transition duration-300 flex items-center justify-center">
                                <i data-feather="edit-3" class="w-5 h-5 mr-2"></i> Place Order Now
                            </a>
                            <a href="#" class="w-full sm:w-auto bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-md text-base font-medium transition duration-300 flex items-center justify-center">
                                <i data-feather="info" class="w-5 h-5 mr-2"></i> Learn More
                            </a>
                        </div>
                    </div>
                </div>
                <div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
                    <div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
                        <div class="relative block w-full bg-gray-800 rounded-lg overflow-hidden">
                            <img class="w-full h-auto" src="http://static.photos/medical/640x360/42" alt="Nursing student studying">
                            <div class="absolute inset-0 bg-fuchsia-500 opacity-20"></div>
                            <div class="absolute inset-0 flex items-center justify-center">
                                <div class="bg-black bg-opacity-70 p-4 rounded-full">
                                    <i data-feather="play" class="w-12 h-12 text-fuchsia-500"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Services Section -->
    <div class="py-16 bg-gray-800 bg-opacity-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="lg:text-center">
                <h2 class="text-base text-fuchsia-500 font-semibold tracking-wide uppercase">Services</h2>
                <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl">
                    What We Offer
                </p>
                <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
                    Professional academic assistance tailored for nursing students
                </p>
            </div>

            <div class="mt-20">
                <div class="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3">
                    <!-- Service 1 -->
                    <div class="pt-6">
                        <div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
                            <div class="-mt-6">
                                <div>
                                    <span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
                                        <i data-feather="file-text" class="h-8 w-8 text-white"></i>
                                    </span>
                                </div>
                                <h3 class="mt-8 text-lg font-medium text-white tracking-tight">Shadow Health Assignments</h3>
                                <p class="mt-5 text-base text-gray-300">
                                    Expert assistance with all your Shadow Health digital clinical experiences and assignments.
                                </p>
                                <a href="services.html#shadow-health" class="mt-4 inline-flex items-center text-fuchsia-500 hover:text-fuchsia-400 text-sm font-medium">
                                    Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
                                </a>
</div>
                        </div>
                    </div>

                    <!-- Service 2 -->
                    <div class="pt-6">
                        <div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
                            <div class="-mt-6">
                                <div>
                                    <span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
                                        <i data-feather="book" class="h-8 w-8 text-white"></i>
                                    </span>
                                </div>
                                <h3 class="mt-8 text-lg font-medium text-white tracking-tight">Capstone Projects</h3>
                                <p class="mt-5 text-base text-gray-300">
                                    Comprehensive support for your nursing capstone projects from research to final draft.
                                </p>
                                <a href="services.html#capstone" class="mt-4 inline-flex items-center text-fuchsia-500 hover:text-fuchsia-400 text-sm font-medium">
                                    Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
                                </a>
</div>
                        </div>
                    </div>

                    <!-- Service 3 -->
                    <div class="pt-6">
                        <div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
                            <div class="-mt-6">
                                <div>
                                    <span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
                                        <i data-feather="edit-3" class="h-8 w-8 text-white"></i>
                                    </span>
                                </div>
                                <h3 class="mt-8 text-lg font-medium text-white tracking-tight">Essay Writing</h3>
                                <p class="mt-5 text-base text-gray-300">
                                    Well-researched and professionally written nursing essays on any topic.
                                </p>
                                <a href="services.html#essays" class="mt-4 inline-flex items-center text-fuchsia-500 hover:text-fuchsia-400 text-sm font-medium">
                                    Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
                                </a>
</div>
                        </div>
                    </div>

                    <!-- Service 4 -->
                    <div class="pt-6">
                        <div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
                            <div class="-mt-6">
                                <div>
                                    <span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
                                        <i data-feather="clipboard" class="h-8 w-8 text-white
</body>
</html>