Skip to content

Commit

Permalink
added index
Browse files Browse the repository at this point in the history
  • Loading branch information
@codebyvivekprakash
codebyvivekprakash committed Jul 11, 2023
1 parent ecd65ae commit 68be34b
Showing 1 changed file with 146 additions and 54 deletions.
200 changes: 146 additions & 54 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,71 +4,163 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Document</title>
<title>PWSkills a web page</title>
</head>
<body class="bg-slate-900">
<div class="flex">
<div class="h-72 w-72 bg-red-600 mx-6 my-6 rounded-xl overflow-hidden">
<div class="">
<img src="background.png.jpg" alt="" />
<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="#">&#9776;</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="text-center text-white font-medium">
<h1 class="font-bold text-xl mt-2">This is Background</h1>
<p class="text-sm mt-2">Tailwindcss</p>
<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="text-center mt-2">
<button
class="bg-black rounded-xl text-white px-5 py-2 text-base hover:bg-purple-800 text-white"
>
Learn More
</button>
<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 class="h-72 w-72 bg-red-600 mx-6 my-6 rounded-xl overflow-hidden">
<div class="">
<img src="background.png.jpg" alt="" />
</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="text-center text-white font-medium">
<h1 class="font-bold text-xl mt-2">This is Background</h1>
<p class="text-sm mt-2">Tailwindcss</p>
<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="text-center mt-2">
<button
class="bg-black rounded-xl text-white px-5 py-2 text-base hover:bg-purple-800 text-white"
>
Learn More
</button>
<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>
<div class="flex space-x-3 mx-6 items-center">
<div class="bg-fuchsia-700 h-52 w-52 text-center">1</div>
<div class="bg-fuchsia-700 h-52 w-52 text-center">2</div>
<div class="bg-fuchsia-700 h-52 w-52 text-center">3</div>
</div>

<div class="mx-8 py-8 flex">
<div class="bg-green-600 h-96 w-96 rounded-lg overflow-hidden px-8">
<img class="mt-4 rounded-sm" src="background.png.jpg" alt="" />
<h2 class="text-center font-bold text-white text-2xl mt-4 uppercase">
Lorem ipsum dolor sit.
</h2>
<p class="text-center text-white">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Et, sit
placeat. Aperiam expedita, quod alias consequatur minus, vero hic
architecto commodi laborum quos veritatis sapiente! Consequuntur ex
tempore
</p>
<!--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 class="mx-8">
<a href="https://www.google.com/">
<button
class="bg-red-600 px-6 py-3 rounded-md text- text-white text-base font-medium hover:bg-purple-800 uppercase"
>
Buy Now
</button>
</a>
<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>
</div>
</footer>
</body>
</html>

0 comments on commit 68be34b

Please sign in to comment.