-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
166 lines (165 loc) · 6.34 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>PWSkills a web page</title>
</head>
<body>
<!--navbar -->
<nav
class="w-full h-14 bg-indigo-200 flex justify-between px-4 md:px-4 items-center"
>
<div class="text-indigo-800 font-bold text-2xl cursor-pointer">
PW Skills
</div>
<ul class="md:flex hidden font-semibold">
<li class="mx-[10px] cursor-pointer">Home</li>
<li class="mx-[10px] cursor-pointer">About Us</li>
<li class="mx-[10px] cursor-pointer">Contact Us</li>
</ul>
<div
class="hidden md:block bg-indigo-500 py-3 px-3 rounded-sm cursor-pointer font-bold text-white"
>
login/Signup
</div>
<div class="md:hidden">
<a class="text-2xl" href="#">☰</a>
</div>
</nav>
<!--navbar ends here-->
<!--image section start-->
<header class="w-full h-auto">
<img class="w-full hidden md:block" src="./img/banner1 (1).jpg" alt="" />
<img class="w-full md:hidden" src="./img/banner1 (2).jpg" alt="" />
</header>
<!--image section ends-->
<!--OUR STUDENTS-->
<div
class="h-auto w-100 flex flex-wrap flex-col items-center text-center p-10"
>
<div class="w-full h-auto flex flex-wrap flex-col items-center">
<p class="text-indigo-800 font-bold text-3xl md:text-4xl">
“Pure Hardwork, No Shortcuts!”
</p>
<div
class="w-36 h-1 border-b-4 border-yellow-400 mt-2 rounded-2xl md:mt-4 mb-12"
></div>
</div>
<div class="w-full flex flex-wrap justify-evenly">
<div class="w-46 flex flex-col items-center mb-12">
<img class="w-44 h-44" src="./img/books-icon.svg" alt="" />
<p class="text-3xl font-bold">600+</p>
<p class="text-3xl font-bold">Diffrent Courses</p>
</div>
<div class="w-46 flex flex-col items-center mb-12">
<img class="w-44 h-44" src="./img/student-icon.svg" alt="" />
<p class="text-3xl font-bold">7,00,000+</p>
<p class="text-3xl font-bold">Students Enrolled</p>
</div>
<div class="w-46 flex flex-col items-center mb-12">
<img class="w-44 h-44" src="./img/credit-card-icon.svg" alt="" />
<p class="text-3xl font-bold">10,000+</p>
<p class="text-3xl font-bold">Successful Transition</p>
</div>
</div>
</div>
<!--Our Students Ends-->
<!--Our Products Section-->
<div
class="h-auto w-100 flex flex-wrap flex-col items-center text-center p-10"
>
<div class="w-full h-auto flex flex-wrap flex-col items-center">
<p class="text-indigo-800 font-bold text-3xl md:text-4xl">
Our Products
</p>
<div
class="w-36 h-1 border-b-4 border-yellow-400 mt-2 rounded-2xl md:mt-4 mb-12"
></div>
</div>
<div class="w-[90%] h-auto flex flex-wrap justify-around">
<div
class="w-64 flex flex-col items-center mb-12 border-black border-2 rounded-xl p-2"
>
<img src="./img/neurolab-icon.svg" alt="" />
<h1 class="text-3xl font-bold">PW Skills Lab</h1>
<p class="text-xl mt-2">project development with our robust lab.</p>
</div>
<div
class="w-64 flex flex-col items-center mb-12 border-black border-2 rounded-xl p-2"
>
<img src="./img/jobPortal-icon.svg" alt="" />
<h1 class="text-3xl font-bold">Job Portal</h1>
<p class="text-xl mt-2">
Use exceptional templates for a stand-out resume minus the sign up
process.
</p>
</div>
<div
class="w-64 flex flex-col items-center mb-12 border-black border-2 rounded-xl p-2"
>
<img src="./img/Internship-icon.svg" alt="" />
<h1 class="text-3xl font-bold">Experience portal</h1>
<p class="text-xl mt-2">
PW Skills's self-paced experience portalprioritises hands-on
training with 570+ internship projects.
</p>
</div>
<div
class="w-64 flex flex-col items-center mb-12 border-black border-2 rounded-xl p-2"
>
<img src="./img/Internship-icon.svg" alt="" />
<h1 class="text-3xl font-bold">Become an affiliate</h1>
<p class="text-xl mt-2">
Explore affiliate marketing opportunities with PW Skills and attain
financial freedom.
</p>
</div>
<div
class="w-64 flex flex-col items-center mb-12 border-black border-2 rounded-xl p-2"
>
<img src="./img/Internship-icon.svg" alt="" />
<h1 class="text-3xl font-bold">Hall of fame</h1>
<p class="text-xl mt-2">
Our student placements and 100K+ career transitions speak volumes
about our courses.
</p>
</div>
</div>
</div>
<!--Our products section ends -->
<!--Our Footer Section-->
<footer
class="w-full bg-gray-900 px-4 text-white pt-8 flex flex-col md:flex-row flex-wrap justify-between md:px-12"
>
<div>
<img class="w-40 h-16" src="./img/PWSkills-white.png" alt="" />
<p class="my-4">Email Us:support@pwskills.com</p>
<img class="w-32 h-16" src="./img/iso-9001-2015.svg" alt="" />
</div>
<div>
<h2 class="font-bold text-xl">PW Skills</h2>
<div
class="w-32 h-1 border-b-4 border-yellow-400 rounded-2xl my-2"
></div>
<div>
<p class="cursor-pointer">About Us</p>
<p class="cursor-pointer">FAQS</p>
<p class="cursor-pointer">Privacy policy</p>
</div>
</div>
<div>
<h2>Products</h2>
<div
class="w-32 h-1 border-b-4 border-yellow-400 rounded-2xl my-2"
></div>
<p class="cursor-pointer">PW Skills Lab</p>
<p class="cursor-pointer">Job Portal</p>
<p class="cursor-pointer">Experience portal</p>
<p class="cursor-pointer">Become an affiliate</p>
<p class="cursor-pointer">Hall of fame</p>
</div>
</footer>
</body>
</html>