msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

Add files via upload

Browse Source
pull/780/head
Rishit Yadav 3 years ago committed by GitHub
parent b07e06e1a4
commit 40e33367f3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
28 changed files with 2632 additions and 0 deletions
Show Stats Download Patch File Download Diff File

41
KALAKAAR-master/2ndpage.css
Unescape View File

@ -0,0 +1,41 @@
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600&display=swap");
* {
font-family: 'Nunito', sans-serif;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
outline: none;
border: none;
text-transform: capitalize;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 5rem;
overflow-x: hidden;
}
html::-webkit-scrollbar {
width: 1rem;
}
html::-webkit-scrollbar-track {
background: #000;
}
html::-webkit-scrollbar-thumb {
background: #f00;
}
body {
background: #000;
}
section {
padding: 5rem 9%;
}

BIN
KALAKAAR-master/images/1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
KALAKAAR-master/images/2.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
KALAKAAR-master/images/The Imagineers.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
KALAKAAR-master/images/artist1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
KALAKAAR-master/images/artist2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 MiB

BIN
KALAKAAR-master/images/artist3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 MiB

BIN
KALAKAAR-master/images/artist4.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
KALAKAAR-master/images/chips.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
KALAKAAR-master/images/clothes.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 384 KiB

BIN
KALAKAAR-master/images/clotheslogo.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 MiB

BIN
KALAKAAR-master/images/cover.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
KALAKAAR-master/images/crafts.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
KALAKAAR-master/images/food.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 719 KiB

BIN
KALAKAAR-master/images/jewellery.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
KALAKAAR-master/images/local.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 MiB

BIN
KALAKAAR-master/images/pot.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
KALAKAAR-master/images/waste.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

525
KALAKAAR-master/index.html
Unescape View File

@ -0,0 +1,525 @@
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- custom css file link -->
<link rel="stylesheet" href="/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <span>KALA</span>KAAR </a>
<div id="menu-btn" class="fas fa-bars"></div>
<nav class="navbar">
<a href="#home">home</a>
<a href="#about">About</a>
<a href="#features">Trending Items</a>
<a href="#trainers">Top Artists</a>
<a href="#review">Testimonials</a>
<a href="#blogs">Cart</a>
</nav>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<div class="swiper home-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide" style="background: url(images/1.jpg) no-repeat;">
<div class="content">
<span>KALAKAAR</span>
<h3>Helping the ones which are the best.</h3>
<a href="#" class="btn">get started</a>
</div>
</div>
<div class="swiper-slide slide" style="background: url(images/2.jpeg) no-repeat;">
<div class="content">
<span>KALAKAAR</span>
<h3>Helping the ones which are the best.</h3>
<a href="#" class="btn">get started</a>
</div>
</div>
<div class="swiper-slide slide" style="background: url(images/home-bg-3.jpg) no-repeat;">
<div class="content">
<span>KALAKAAR</span>
<h3>Helping the ones which are the best.</h3>
<a href="#" class="btn">get started</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<!-- home section ends -->
<!-- about section starts -->
<section class="about" id="about">
<div class="image">
<img src="images/local.jpg" alt="">
</div>
<div class="content">
<span>about us</span>
<h3 class="title">Everyone will get the chance to expand their business</h3>
<p>Become our partner ASAP!!.</p>
<div class="box-container">
<div class="box">
<h3><i class="fas fa-check"></i>Getting good amount</h3>
<p>the seller as well as the customer gets the best price</p>
</div>
<div class="box">
<h3><i class="fas fa-check"></i>healthy reach</h3>
<p>provide you small business a good reach</p>
</div>
<div class="box">
<h3><i class="fas fa-check"></i>Sorts your best product</h3>
<p>Experts Sort your best products</p>
</div>
<div class="box">
<h3><i class="fas fa-check"></i>Spreading Hapiness</h3>
<p>Our mission is to make happy customer as well as seller </p>
</div>
</div>
<a href="#" class="btn">read more</a>
</div>
</section>
<!-- about section ends -->
<!-- features section starts -->
<section class="features" id="features">
<h1 class="heading"> <span>Trending Items</span> </h1>
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/pot.jpg" alt="">
</div>
<div class="content">
<img src="images/crafts.jpeg" alt="">
<h3>Home Decor and needs</h3>
<p>Click on view more for more products</p>
<a href="#" class="btn">view more</a>
</div>
</div>
<div class="box second">
<div class="image">
<img src="images/food.jpg" alt="">
</div>
<div class="content">
<img src="images/chips.jpg" alt="">
<h3>Preservative foods</h3>
<p>Click on view more for more products</p>
<a href="#" class="btn">view more</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/clothes.jpg" alt="">
</div>
<div class="content">
<img src="images/jewellery.jpg" alt="">
<h3>Handmade clothes</h3>
<p>Click on view more for more products</p>
<a href="#" class="btn">view more</a>
</div>
</div>
</div>
</section>
<!-- features section ends -->
<!-- pricing section starts -->
<!--<section class="pricing" id="pricing">
<div class="information">
<span>Top Artists</span>
<h3>Home decors and needs</h3>
<div class="price"><span>Sales=Rs</span>28k<span>/mo</span></div>
<p>We have got the best plans in the town for you !!</p>
<div class="list">
<p> <i class="fas fa-check"></i> cardio exercise </p>
<p> <i class="fas fa-check"></i> weight lifting </p>
<p> <i class="fas fa-check"></i> diet plans </p>
<p> <i class="fas fa-check"></i> overall results </p>
<a href="#" class="btn">Know More</a>
</div>
</div>
<div class="plan basic">
<h3>Preserved Food</h3>
<div class="price"><span>Sales=Rs</span>30k<span>/mo</span></div>
<div class="list">
<p> <i class="fas fa-check"></i> personal training </p>
<p> <i class="fas fa-check"></i> cardio exercise </p>
<p> <i class="fas fa-check"></i> weight lifting </p>
<p> <i class="fas fa-check"></i> diet plans </p>
<p> <i class="fas fa-check"></i> overall results </p>
</div>
<a href="#" class="btn">Know More</a>
</div>
<div class="plan">
<h3>Handmade clothes and jewellery</h3>
<div class="price"><span>Sales=Rs</span>43k<span>/mo</span></div>
<div class="list">
<p> <i class="fas fa-check"></i> personal training </p>
<p> <i class="fas fa-check"></i> cardio exercise </p>
<p> <i class="fas fa-check"></i> weight lifting </p>
<p> <i class="fas fa-check"></i> diet plans </p>
<p> <i class="fas fa-check"></i> overall results </p>
</div>
<a href="#" class="btn">know more</a>
</div>
</section> -->
<!-- pricing section ends -->
<!-- trainers section starts -->
<section class="trainers" id="trainers">
<h1 class="heading"> <span>Top Artists</span> </h1>
<div class="box-container">
<div class="box">
<img src="images/artist1.jpg" alt="">
<div class="content">
<span>Clay Artist</span>
<h3><a href="/page2.html">William Justen</a></h3>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-pinterest"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>
</div>
<div class="box">
<img src="images/artist2.jpg" alt="">
<div class="content">
<span>Homemade jewellery Artist</span>
<h3><a href="/page3.html">Vignesh Moorthi</a></h3>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-pinterest"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>
</div>
<div class="box">
<img src="images/artist3.jpg" alt="">
<div class="content">
<span>Homemade Clothes Artist</span>
<h3><a href="/page4.html">Pham Yen</a></h3>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-pinterest"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>
</div>
<div class="box">
<img src="images/artist4.jpg" alt="">
<div class="content">
<span>Homemade Preservative Food Artist</span>
<h3><a href="/page5.html">CharanJeet</a></h3>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-pinterest"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>
</div>
</div>
</section>
<!-- trainers section ends -->
<!-- banner section starts -->
<section class="banner">
<span>join us now</span>
<h3>Fill the form link to become a member</h3>
<p>Avail the discount as soon as possibe</p>
<a href="/signup.html" class="btn">JOIN</a>
</section>
<!-- banner section ends -->
<!-- review section starts -->
<section class="review" id="review">
<div class="information">
<span>testimonials</span>
<h3>what our clients says</h3>
<p>One of the best e-commerce website, which gives sellers an opportunity to grow!.</p>
<a href="https://eatsleepwander.com/gym-review-example/" class="btn">read more</a>
</div>
<div class="swiper review-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<p>This webpage is Designed by:--</p>
<div class="user">
<img src="images/The Imagineers.jpg" alt="">
<div class="info">
<h3>The Imagineers</h3>
<span>designers</span>
</div>
<i class="fas fa-quote-left"></i>
</div>
</div>
<div class="swiper-slide slide">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus, quo.</p>
<div class="user">
<img src="images/pic-2.png" alt="">
<div class="info">
<h3>Clark Daniels</h3>
<span>designer</span>
</div>
<i class="fas fa-quote-left"></i>
</div>
</div>
<div class="swiper-slide slide">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus, quo.</p>
<div class="user">
<img src="images/pic-3.png" alt="">
<div class="info">
<h3>Lana fernandes</h3>
<span>designer</span>
</div>
<i class="fas fa-quote-left"></i>
</div>
</div>
<div class="swiper-slide slide">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus, quo.</p>
<div class="user">
<img src="images/pic-4.png" alt="">
<div class="info">
<h3>Anthoy Rudiger</h3>
<span>designer</span>
</div>
<i class="fas fa-quote-left"></i>
</div>
</div>
</div>
</div>
</section>
<!-- review section ends -->
<!-- blogs section starts -->
<section class="blogs" id="blogs">
<h1 class="heading"> <span>New Catagories</span> </h1>
<div class="swiper blogs-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<div class="image">
<img src="images/waste.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">by KALAKAAR</a> <span>|</span> <a href="#">23rd april, 2022</a> </div>
<h3>Sometimes Waste is not just Waste</h3>
<p>Waste management refers to the various schemes to manage and dispose of wastes. It can be
by discarding, destroying, processing, recycling, reusing, or controlling wastes. The prime
objective of waste management is to reduce the amount of unusable materials and to avert
potential health and environmental hazards.
Waste Management has proven its commitment to developing innovative ways to handle
solid waste and recyclables in India.With a customer service-centered approach that filters up
from the bottom,and an unwavering insistence on keeping recycling and other environmental
protections at the forefront of everything we do.
<br>
The easiest way to save a product from being wasted is by not letting the product become
waste .
This means we will try to use it in some other way once its purpose has been fulfilled. Its not
always
necessary to throw the products into the dustbin, we should always analyze and think if it can
be used further .<br>
There are 3 R's of managing waste and thus saving our environment -
<br>
✓REUSE- donating unused products to make sure others can reuse them too!
<br>
✓REDUCE-by buying what you need,reduce the amount of materials you consume.
<br>
✓RECYCLE -buying recycled goods is a way to participate in this part of the 3 R's .</p>
<a href="https://waste4change.com/blog/waste4change-supports-3r-reduce-reuse-recycle-green-concept/#:~:text=Basically%2C%20the%203R%20(Reduce%2D,disposing%20them%20to%20the%20landfill" class="btn">read more</a>
</div>
</div>
<div class="swiper-slide slide">
<div class="image">
<img src="images/blog-2.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">by user</a> <span>|</span> <a href="#">21st may, 2021</a> </div>
<h3>fitness is not about being better than someone else</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, tenetur?</p>
<a href="#" class="btn">read more</a>
</div>
</div>
<div class="swiper-slide slide">
<div class="image">
<img src="images/blog-3.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">by user</a> <span>|</span> <a href="#">21st may, 2021</a> </div>
<h3>fitness is not about being better than someone else</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, tenetur?</p>
<a href="#" class="btn">read more</a>
</div>
</div>
<div class="swiper-slide slide">
<div class="image">
<img src="images/blog-4.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">by user</a> <span>|</span> <a href="#">21st may, 2021</a> </div>
<h3>fitness is not about being better than someone else</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, tenetur?</p>
<a href="#" class="btn">read more</a>
</div>
</div>
<div class="swiper-slide slide">
<div class="image">
<img src="images/blog-5.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">by user</a> <span>|</span> <a href="#">21st may, 2021</a> </div>
<h3>fitness is not about being better than someone else</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, tenetur?</p>
<a href="#" class="btn">read more</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<!-- blogs section ends -->
<!-- footer section starts -->
<section class="footer">
<div class="box-container">
<div class="box">
<h3>quick links</h3>
<a class="links" href="#home">home</a>
<a class="links" href="#about">about</a>
<a class="links" href="#features">features</a>
<a class="links" href="#pricing">pricing</a>
<a class="links" href="#trainers">trainers</a>
<a class="links" href="#blogs">blogs</a>
</div>
<div class="box">
<h3>opening hours</h3>
<p> monday : <i> 7:00am - 10:30pm </i> </p>
<p> tuesday : <i> 7:00am - 10:30pm </i> </p>
<p> wednesday : <i> 7:00am - 10:30pm </i> </p>
<p> friday : <i> 7:00am - 10:30pm </i> </p>
<p> saturday : <i> 7:00am - 10:30pm </i> </p>
<p> sunday : <i> closed </i> </p>
</div>
<div class="box">
<h3>opening hours</h3>
<p> <i class="fas fa-phone"></i> +123-456-7890 </p>
<p> <i class="fas fa-phone"></i> +111-222-3333 </p>
<p> <i class="fas fa-envelope"></i> shaikhanas@gmail.com </p>
<p> <i class="fas fa-map"></i> mumbai, india - 400104 </p>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-pinterest"></a>
</div>
</div>
<div class="box">
<h3>newsletter</h3>
<p>subscribe for latest updates</p>
<form action="">
<input type="email" name="" class="email" placeholder="enter your email" id="">
<input type="submit" value="subscribe" class="btn">
</form>
</div>
</div>
</section>
<div class="credit"> created by <span>The Imagineers</span> | all rights reserved! </div>
<!-- footer section ends -->
<!-- <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script> -->
<!-- custom js file link -->
<script src="/java.js"></script>
</body>
</html>

68
KALAKAAR-master/java.js
Unescape View File

@ -0,0 +1,68 @@
let menu = document.querySelector('#menu-btn');
let navbar = document.querySelector('.header .navbar');
menu.onclick = () =>{
menu.classList.toggle('fa-times');
navbar.classList.toggle('active');
};
window.onscroll = () =>{
menu.classList.remove('fa-times');
navbar.classList.remove('active');
};
var swiper = new Swiper(".home-slider", {
spaceBetween: 20,
effect: "fade",
grabCursor: true,
loop:true,
centeredSlides: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
var swiper = new Swiper(".review-slider", {
spaceBetween: 20,
grabCursor: true,
loop:true,
autoplay: {
delay: 7500,
disableOnInteraction: false,
},
breakpoints:{
0:{
slidesPerView:1,
},
600:{
slidesPerView:2,
},
},
});
var swiper = new Swiper(".blogs-slider", {
spaceBetween: 20,
grabCursor: true,
loop:true,
autoplay: {
delay: 7500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints:{
0:{
slidesPerView:1,
},
768:{
slidesPerView:2,
},
991:{
slidesPerView:3,
},
},
});

100
KALAKAAR-master/login.html
Unescape View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
form {border: 3px solid #f1f1f1;}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
background-color: #004D71;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
button:hover {
opacity: 0.8;
}
.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}
.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
}
img.avatar {
width: 40%;
border-radius: 50%;
height: 10rem;
width: 10rem;
}
.container {
padding: 16px;
}
span.psw {
float: right;
padding-top: 16px;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
</style>
</head>
<body>
<h2>Login Form</h2>
<form action="/action_page.php" method="post">
<div class="imgcontainer">
<img src="images/The Imagineers.jpg" alt="Avatar" class="avatar">
</div>
<div class="container">
<label for="uname"><b>Username/E-mail</b></label>
<input type="text" placeholder="Enter Username" name="uname" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<button type="submit">Login</button>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" class="cancelbtn"><a href="/signup.html" style="text-decoration: none;" style="color: white;">Cancel</a></button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form>
</body>
</html>

671
KALAKAAR-master/new.html
Unescape View File

@ -0,0 +1,671 @@
<html>
<body style="font-family: 'poppins', sans-serif;">
<h1>My Awesome Intro</h1>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : XYZ</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/usernamehacktoberfest">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kannu-priya-4a38b0157/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Appreciate yourself</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : KANNU PRIYA</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Kannupriyasingh">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kannu-priya-4a38b0157/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Go with the flow</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : JUSKCHECK</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/justcheck">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : ABC</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/neel0086">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/neel-mehta-71857b1bb/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Keep Hustle</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : SHRADHA</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Shraddha16092002">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Live the life to the fullest</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Striky</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/adityahajari14/">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/aditya-hajari-a60615247/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Qazi Maaz Arshad</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/QAZIMAAZARSHAD">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/qazi-maaz-arshad">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Eat Sleep Code Repeat</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : vidhan </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/viper-devil">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="linkedin.com/in/vidhan-laddha-032573252/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : coding can make things you cant even imagine!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Ashwin </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/GGAshwin">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/ashwin-prabhu-8a68a71a5/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Create Something Exciting</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Rishabh Pratap Singh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/iam-Rps">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/rishabh-pratap-singh-706b2221a/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Every day is a new challenge</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Sritika </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/sritikamanjrekar">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/sritika-manjrekar-61291019a/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Create Something Exciting</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Kabir Mittal </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href=https://github.com/Mittalkabir>See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kabir-mittal-3064b8202">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : The Harder You Work, the Luckier You Get</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Adarsh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/adarsh357">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href ="https://www.linkedin.com/in/adarsh2708">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Rohan Gope </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Darkrider0007">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/rohan-gope-a96072199/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Happy Coding</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Marco </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/MarcoSchiavello">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/johnhammond010/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Never surrender</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aman </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/mind8hunter">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">youtube : <a style="color: green;" href="https://www.youtube.com/channel/UCYD48GnJeHDSrEJle-IzG1A/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : The Harder You Work, the Luckier You Get</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Ayush Shukla </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/ayushukla002">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/ayushukla002">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Just Do It</h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : Ajay Mathew</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/ajay007e">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/ajay007e/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Stop dreaming,start working</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Om Prakash </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/itsokop">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">Quote : Prepration </h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Abubakar Sattar </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/AbubakarSattar-dev">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/abubakar-sattar-807a27178">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : I want to put a ding in the universe - Steve Jobs</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aditya </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/adityassharma-ss">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in//">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : We can create something new & Better.</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Casey </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/caseyocampo">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/caseyocampo/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : The long road is the shortcut.</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Daksh Singh</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Daksh-964">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/daksh-singh-2959071aa/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Error are the building blocks of a developer</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : William </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Williamluqui">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/wluqui/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Code !</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Suryansh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/suryansh-sinha">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/suryanshsinha/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Tatakae!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Mohammedfizal </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Mohammedfizal">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/mohammed-fizal-s-a6198a251">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : New world</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aman Jain </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/amanjain5132">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/amanjain513">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Knowledge is power ! </h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Prerna </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/prerna-codes">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/prerna-sah-5615091b8">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be valuable not available </h2>
</div>
<div style="border: solid; color:blue">
<h2 style="color: #FBB917;">Name : bikrant mishra </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Bikrant5202">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/bikrant-mishra">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote save water : New world</h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : UdhayaThiruna </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Udhayathiruna95">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/udhaya-thirunavukkarasu">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Smash the coding</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Soumya </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/coder-skr">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/soumya-kumar-400875219/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : The bad news is time flies. The good news is you're the pilot</h2>
</div>
<div style="border: solid; color:red">
<h2 style="color: #FBB917;">Name : Dev </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Dev2003203">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">Quote : New world</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Venkat </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Mohammedfizal">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/bacham-venkat-904553211/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : New world</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : RishitYadav </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Rishityadav02">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/rishit-yadav-a68027202/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Everything you can imagine is Real</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Sakshi Kumari </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/sam260">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/sakshi-k-7a66721b7/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : 3 months left for 2023</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Atinder Kumar </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/atinder11">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/atinder-kumar/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Awesome!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Nidhish </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/nidhish-srivastava">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/nidhish-srivastava/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Just Try</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Gurtej Singh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Gurtejsingh06">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : First</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Samay Kumar </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Samay2933">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/samay-kumar/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Stay calm and keep coding</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Kriti Priya </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/11kriti">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kriti-priya-0149a3226">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : You don't have to be great to start, but you have to start to be great</h2>
</div>
<div style="border: solid; color:blue">
<h2 style="color: #FBB917;">Name : Vansh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/VanshVijay">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/vansh-vijay-166a7216a/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: blue;">Quote : Just Try</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Yingchid </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Yingchid">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="#"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Ready</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aniket Tote </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/aniket-tote">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/aniket-tote-47988a187/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Ready</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : MVandit Bera </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/vandit-bera">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/vandit-bera-4a0b02221/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : YOU DREAM IT. I CREATE IT.</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Vaishnavi Tripathi </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/vaishnavi1011">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/vaishnavi-tripathi-888350207/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be kind,be you!!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Raashika</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Raashika0201">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/raashika-sharma-64274b246/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : A little progress each day adds up to a big result</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Utkarsh</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB937;" href="https://github.com/mrgentlemanus">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">Instagram : <a style="color: green;" href="https://www.instagram.com/mrgentlemanus/?igshid=hcrzrvuee8i2">Connect with me on Instagram! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Positive</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Rohan Singh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/rohansingh03">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/rohansingh03/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Agus Cahyono </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/balitax">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/cahyocode/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Life to benefit others</h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : Sudhanshu14014</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Sudhanshu14014">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">Quote : Stay happy!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Neel Patel</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Neel2107">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : What if things work out?</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : KrishnaBhadauria </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Krishnabhadauria">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/krishna-bhadauria-144187225">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Grow together!!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Karampal </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/karam-20">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/karampal-jangir-440a241a2/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : First, solve the problem</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Alfino Rossesa </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/alfinorossesa">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/alfinorossesa">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Ikuzoo Mina!!!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Priyanka </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/priyankaaa532002">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/priyanka-chowdhury-532002/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Experience is the name everyone gives to their mistakes</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Mayank Agrawal </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Mayank30-creator">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/mayank-agrawal-703b28214/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Have patience </h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : XYZ</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/usernamehacktoberfest">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kannu-priya-4a38b0157/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Appreciate yourself</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : KANNU PRIYA</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Kannupriyasingh">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kannu-priya-4a38b0157/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Go with the flow</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : JUSKCHECK</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/justcheck">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : ABC</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/neel0086">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/neel-mehta-71857b1bb/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Keep Hustle</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : SHRADHA</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Shraddha16092002">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Live the life to the fullest</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Striky</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/adityahajari14/">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/aditya-hajari-a60615247/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Qazi Maaz Arshad</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/QAZIMAAZARSHAD">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/qazi-maaz-arshad">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Eat Sleep Code Repeat</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : vidhan </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/viper-devil">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="linkedin.com/in/vidhan-laddha-032573252/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : coding can make things you cant even imagine!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Ashwin </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/GGAshwin">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/ashwin-prabhu-8a68a71a5/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Create Something Exciting</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Rishabh Pratap Singh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/iam-Rps">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/rishabh-pratap-singh-706b2221a/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Every day is a new challenge</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Sritika </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/sritikamanjrekar">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/sritika-manjrekar-61291019a/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Create Something Exciting</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Kabir Mittal </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href=https://github.com/Mittalkabir>See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/kabir-mittal-3064b8202">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : The Harder You Work, the Luckier You Get</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aman </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/amann-k">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/aman-ksingh/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's Create Something New</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Vraj Patel </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/VrajPatelGitHub">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/vraj-patel-7b0774200">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Nobody Cares About Your Story Until You Win, So Win.</h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : Ujjawal Kumar</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/ujjawalkr67">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/ujjawal-kumar-8a5bb4206/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Eat Sleep Code Repeat</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Adarsh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/adarsh357">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href ="https://www.linkedin.com/in/adarsh2708">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Rohan Gope </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Darkrider0007">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/rohan-gope-a96072199/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Happy Coding</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Marco </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/MarcoSchiavello">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/johnhammond010/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Never surrender</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Vaibhav </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Vaibhav832">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/vaibhav-srivastava-8d3m2y/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Impossible itself says I M POSSIBLE</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aman </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/mind8hunter">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">youtube : <a style="color: green;" href="https://www.youtube.com/channel/UCYD48GnJeHDSrEJle-IzG1A/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : The Harder You Work, the Luckier You Get</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Om Prakash </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/itsokop">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">Quote : Prepration </h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aditya </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/adityassharma-ss">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in//">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : We can create something new & Better.</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Suryansh </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/suryansh-sinha">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/suryanshsinha/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Tatakae!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Mohammedfizal </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Mohammedfizal">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/mohammed-fizal-s-a6198a251">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : New world</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Papia </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Papiasingharoy02">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/papia-singha-roy-76a93720a">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's do it with all our thougth</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aditya </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/adisk01">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/adisk01">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : first pull req</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Harshith B </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/HarshithB">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/harshith-b-45a366188">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : coder</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Aakash </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/aakash-taneja">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/aakash-taneja/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Do today what should be done. </h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Pankaj </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Pankaj6198">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/pankaj-chaudhari-2144631ab">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Hello world</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Atinder Kumar </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/atinder11">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/atinder-kumar/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be Awesome!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Nidhish </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/nidhish-srivastava">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/nidhish-srivastava/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Just Try</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Prerna </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/prerna-codes">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/prerna-sah-5615091b8">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Be valuable not available </h2>
</div>
<div style="border: solid; color:blue">
<h2 style="color: #FBB917;">Name : bikrant mishra </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/Bikrant5202">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="www.linkedin.com/in/bikrant-mishra">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote save water : New world</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Muskan Singla </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/1999Muskan">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href=""> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Ready</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Medha Bisht </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/Candy505">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/medha-bisht-50837b231/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote :As long as I am alive I have a chance to fix it</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Hemant</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/hemantkumar76">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/hemant-kumar-299435230/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote :- professional CSS hater[].forEach.call($$(""),function(a){a.style.outline="1px solid #"+(~~(Math.random()(1<<24))).toString(16)})</h2>
</div>
<div style="border: solid; color:magenta">
<h2 style="color: #FBB917;">Name : Anupam </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/Anupam1603">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/anupam1603/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote :keep grinding untill you make it .</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Prashant Chawla</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/1PrashantChawla">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/prashant-chawla-aa47a0218/?originalSubdomain=in"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let your Silence Speak</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Brijesh Vadalia </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/brijeshvadalia">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/brijesh-vadaliya-16b3a2202/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote :The years during which you work the hardest with nothing to show will be the years that will build you. And those will also be the years the world will not acknowledge you.</h2>
</div>
<div style="border: solid; color:red">
<h2 style="color: #FBB917;">Name : Brijesh Vadalia </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/DhanushNehru">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">Quote : People often dont recognize a genius when they see once</h2>
</div>
<div style="border: solid; color:red">
<h2 style="color: #FBB917;">Name : MirzaSNR </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/MirzaSNR">See My Github Profile! Click Here</a></h2>
<h2 style="color: red;">LinkedIn : <a style="color: red;" href="https://www.linkedin.com/in/mirzasnr/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: red;">Quote :The years during which you work the hardest with nothing to show will be the years that will build you. And those will also be the years the world will not acknowledge you.</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Mayank Rastogi </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/mayxnk">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/mayank-rastogi-191a26200/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote :Don't settle for average. Bring your best to the moment. Then, whether it fails or succeeds, at least you know you gave all you had.</h2>
</div>
<div style="border: solid; color:yellow">
<h2 style="color: #FBB917;">Name : Shanon Baker </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/ShanonBaker">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/Shanon-Baker-off/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Life is like a lemon make sure to drink it.</h2>
</div>
<div style="border: solid; color:orange">
<h2 style="color: #FBB917;"> Name : Madhavi Sonawane</h2>
<h2 style="color: #FBB917;"> Github : <a style="color: #FBB917;" href="https://github.com/CODING-Enthusiast9857/">To see My Github Profile! Click Here</a></h2>
<h2 style="color: green;"> LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/madhavisonawane9857/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;"> Quote : You are Leader, You are Unstoppable...!! You just need to identify it. </h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Ankur </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/adarsh357">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href ="https://www.linkedin.com/in/adarsh2708">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Happy</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Tanishq Tyagi </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/Tanishq6210">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/tanishq-tyagi/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Life is Boring!</h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : Darshan Ghorpade</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/DarshanGhorpade">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/darshan-ghorpade/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Allow yourself to be a beginner, no one starts out excellent</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Ankita Sakharkar </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/ankitasakharkar">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/ankita-sakharkar-14b9699b/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Original daisies are worth more than counterfeit roses.</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Harshit Kumar </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/harshitkumar77">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/harshitkumar7/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Let's do it with all our thougth</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Hamdaan Ahmad </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/githamdaan25">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/hamdaan-ahmad-34a4a0203/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote :Never turn your destiny against your fate otherwise you will hate your decision madde/ </h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Pri </h2>
<h2 style="color: #171515;">Github : <a style="color: #FBB917;" href="https://github.com/pri-ss">See My Github Profile! Click Here</a></h2>
<h2 style="color: #0072b1;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in//">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : We can create something new & Better.</h2>
</div>
<div style="border: solid; color:black">
<h2 style="color: #FBB917;">Name : Gunjan</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/Gunjan2025">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/gunjan-366206228/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Keep exploring </h2>
</div>
<div style="border: solid; color:red">
<h2 style="color: #FBB917;">Name : Saikat Goswami</h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;" href="https://github.com/saikatgsm">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/saikat-goswami-547144179/">Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Hardwork pays off !!!</h2>
</div>
<div style="border: solid; color:green">
<h2 style="color: #FBB917;">Name : Shobhit Sheta </h2>
<h2 style="color: #FBB917;">Github : <a style="color: #FBB917;"href="https://github.com/shobhit-sheta">See My Github Profile! Click Here</a></h2>
<h2 style="color: green;">LinkedIn : <a style="color: green;" href="https://www.linkedin.com/in/shobhit-sheta-572b16209/"> Connect with me on LinkedIn! Click Here</a></h2>
<h2 style="color: green;">Quote : Talent is not god gifted, it is man crafted.</h2>
</div>
</body>
</html>

57
KALAKAAR-master/page2.html
Unescape View File

@ -0,0 +1,57 @@
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- custom css file link -->
<link rel="stylesheet" href="/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <span>KALA</span>KAAR </a>
<div id="menu-btn" class="fas fa-bars"></div>
<nav class="navbar">
<a href="/index.html">home</a>
<!-- <a href="/index.html">About</a>
<a href="#features">Trending Items</a>
<a href="#trainers">Top Artists</a>
<a href="#pricing">Wishlist</a>
<a href="#blogs">Cart</a> -->
</nav>
</header>
<section class="past" id="past">
<h1 class="heading"> <span>William Justen</span> </h1>
<div class="swiper blogs-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<div class="image">
<img src="images/artist1.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">William Justen</a> <span>|</span> <a href="#">23rd april, 2022</a> </div>
<h3>The Clay Artist</h3>
<p>Ceramic artist Betsy Gomez has been doing pottery since 2017. From miniatures to wall decors, this Bangalore-based Malayali artist’s one-year-old brand ‘Kaaka Pottery’ offers a varied collection of products to uplift your living space.Before trying out pottery, Betsy, a design graduate from NIFT Bangalore, was always fascinated by ancient craft. Soon after her graduation, Betsy followed her calling and decided to give the handmade craft a shot.<br> After undergoing training as an intern at a studio in Thrissur, she became a trainer at a community space in Bengaluru. The 26-year-old was gradually carving her niche over the years. The pandemic pushed her to explore her boundaries further, and Betsy gave a new dimension to her inherent skills by launching her home-grown brand Kaaka Pottery in 2020</p>
<!-- <a href="https://waste4change.com/blog/waste4change-supports-3r-reduce-reuse-recycle-green-concept/#:~:text=Basically%2C%20the%203R%20(Reduce%2D,disposing%20them%20to%20the%20landfill" class="btn">read more</a> -->
</div>
</div>
</div>
</div>
</section>
</body>

57
KALAKAAR-master/page3.html
Unescape View File

@ -0,0 +1,57 @@
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- custom css file link -->
<link rel="stylesheet" href="/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <span>KALA</span>KAAR </a>
<div id="menu-btn" class="fas fa-bars"></div>
<nav class="navbar">
<a href="/index.html">home</a>
<!-- <a href="/index.html">About</a>
<a href="#features">Trending Items</a>
<a href="#trainers">Top Artists</a>
<a href="#pricing">Wishlist</a>
<a href="#blogs">Cart</a> -->
</nav>
</header>
<section class="past" id="past">
<h1 class="heading"> <span>Vignesh Moorthi</span> </h1>
<div class="swiper blogs-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<div class="image">
<img src="images/artist2.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">Vighnesh Moorthi</a> <span>|</span> <a href="#">23rd april, 2022</a> </div>
<h3>The homemade jewellery Artist</h3>
<p>Vighnesh Moorthi is a visual artist and contemporary jewellery designer based in Manchester. Working predominantly with ceramics, she adapts and uses techniques and processes typically found in traditional ceramics to make abstract, playful, sculptural work for the body with a focus on line, form and colour. Informed by her visual arts practice, her jewellery is viewed as an expansion of her drawing, as all pieces are made using coils as a starting point - giving flow and movement to her pieces.</p>
<!-- <a href="https://waste4change.com/blog/waste4change-supports-3r-reduce-reuse-recycle-green-concept/#:~:text=Basically%2C%20the%203R%20(Reduce%2D,disposing%20them%20to%20the%20landfill" class="btn">read more</a> -->
</div>
</div>
</div>
</div>
</section>
</body>

57
KALAKAAR-master/page4.html
Unescape View File

@ -0,0 +1,57 @@
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- custom css file link -->
<link rel="stylesheet" href="/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <span>KALA</span>KAAR </a>
<div id="menu-btn" class="fas fa-bars"></div>
<nav class="navbar">
<a href="/index.html">home</a>
<!-- <a href="/index.html">About</a>
<a href="#features">Trending Items</a>
<a href="#trainers">Top Artists</a>
<a href="#pricing">Wishlist</a>
<a href="#blogs">Cart</a> -->
</nav>
</header>
<section class="past" id="past">
<h1 class="heading"> <span>Pham Yen</span> </h1>
<div class="swiper blogs-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<div class="image">
<img src="images/artist3.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">Pham Yen</a> <span>|</span> <a href="#">23rd april, 2022</a> </div>
<h3>The homemade jewellery Artist</h3>
<p>Presently, transitioning to a slow and sustainable living himself in a quaint village of Goa, giving up a fancy jet-setting life he lived for almost two decades in Dubai. As an initiator of Sepia Stories, he directs Design, Merchandise Curation, Marketing and Logistics Departments with panache and his sharp sense of humor. His extensive travels across the world in his career span of over two decades in Indian and International Fashion made him a free spirited glocal. He is an ‘acquired taste’, a stylish bohemian, an avid drape enthusiast, parent to two sprightly dogs and a potent cold coffee maker is finally doing what he loves to, bringing effortless sophistication in your wardrobe..</p>
<!-- <a href="https://waste4change.com/blog/waste4change-supports-3r-reduce-reuse-recycle-green-concept/#:~:text=Basically%2C%20the%203R%20(Reduce%2D,disposing%20them%20to%20the%20landfill" class="btn">read more</a> -->
</div>
</div>
</div>
</div>
</section>
</body>

69
KALAKAAR-master/page5.html
Unescape View File

@ -0,0 +1,69 @@
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- custom css file link -->
<link rel="stylesheet" href="/style.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <span>KALA</span>KAAR </a>
<div id="menu-btn" class="fas fa-bars"></div>
<nav class="navbar">
<a href="/index.html">home</a>
<!-- <a href="/index.html">About</a>
<a href="#features">Trending Items</a>
<a href="#trainers">Top Artists</a>
<a href="#pricing">Wishlist</a>
<a href="#blogs">Cart</a> -->
</nav>
</header>
<section class="past" id="past">
<h1 class="heading"> <span>CharanJeet</span> </h1>
<div class="swiper blogs-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<div class="image">
<img src="images/artist4.jpg" alt="">
</div>
<div class="content">
<div class="link"> <a href="#">CharanJeet</a> <span>|</span> <a href="#">23rd april, 2022</a> </div>
<h3>The Preservative food Artist</h3>
<p>CharanJeet, the group leader of the ‘Gayatri
Self Help Group’, Kangra is unique example of agrientrepreneur farm women. Previously, besides sharing
various farm responsibilities, she used to prepare
processed food products only for domestic consumption.
During the lean periods, due to lack of off-farm job
opportunities in the district, almost every homemaker
prepare traditional processed products like pickles, seera,
barian etc. for the household. CharanJeet
inclined towards the vast market potential of value added
products has established herself as a successful agrientrepreneur. Her family has 10 kanal land where they
cultivate wheat, paddy and vegetables. Smt. Chaudhary
also enhanced the family income by cultivating button
and oyster mushrooms.</p>
<!-- <a href="https://waste4change.com/blog/waste4change-supports-3r-reduce-reuse-recycle-green-concept/#:~:text=Basically%2C%20the%203R%20(Reduce%2D,disposing%20them%20to%20the%20landfill" class="btn">read more</a> -->
</div>
</div>
</div>
</div>
</section>
</body>

106
KALAKAAR-master/signup.html
Unescape View File

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box}
/* Full-width input fields */
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
/* Set a style for all buttons */
button {
background-color: #04AA6D;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
button:hover {
opacity:1;
}
/* Extra styles for the cancel button */
.cancelbtn {
padding: 14px 20px;
background-color: #f44336;
}
/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
float: left;
width: 50%;
}
/* Add padding to container elements */
.container {
padding: 16px;
}
/* Clear floats */
.clearfix::after {
content: "";
clear: both;
display: table;
}
/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
.cancelbtn, .signupbtn {
width: 100%;
}
}
</style>
<body>
<form action="/marksToPercent.java" style="border:1px solid #ccc">
<div class="container">
<h1>Sign Up</h1>
<p>Please fill in this form to create an account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<label for="psw-repeat"><b>Re-enter Password</b></label>
<input type="password" placeholder="Re-enter Password" name="psw-repeat" required>
<label>
<input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
</label>
<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>
<h4>Aready having an account? <a href="/login.html">Log In</a></h4>
<div class="clearfix">
<button type="button" class="cancelbtn"><a href="/index.html">Cancle</a></button>
<button type="submit" class="signupbtn">Sign Up</button>
</div>
</div>
</form>
</body>
</html>

881
KALAKAAR-master/style.css
Unescape View File

@ -0,0 +1,881 @@
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600&display=swap");
* {
font-family: 'Nunito', sans-serif;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
outline: none;
border: none;
text-transform: capitalize;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 5rem;
overflow-x: hidden;
}
html::-webkit-scrollbar {
width: 1rem;
}
html::-webkit-scrollbar-track {
background: #000;
}
html::-webkit-scrollbar-thumb {
background: #f00;
}
body {
background: #000;
}
section {
padding: 5rem 9%;
}
.heading {
text-align: center;
margin-bottom: 3rem;
position: relative;
}
.heading::before {
content: '';
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: .1rem;
width: 100%;
background: #aaa;
z-index: -1;
}
.heading span {
font-size: 3rem;
color: #f00;
background: #000;
padding: .5rem 1.5rem;
border: 0.1rem solid #aaa;
border-radius: .5rem;
}
.btn {
margin-top: 1rem;
display: inline-block;
padding: 1rem 2.8rem;
padding-right: 3rem;
background: linear-gradient(130deg, #f00 93%, transparent 90%);
color: #fff;
cursor: pointer;
font-size: 1.7rem;
}
.btn:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 9%;
z-index: 10000;
background: #000;
}
.header .logo {
font-weight: bolder;
color: #fff;
font-size: 3rem;
}
.header .logo span {
color: #f00;
}
.header .navbar a {
display: inline-block;
padding: 1.5rem 2rem;
font-size: 1.7rem;
color: #fff;
}
.header .navbar a:hover {
background: #f00;
}
#menu-btn {
font-size: 3rem;
color: #fff;
cursor: pointer;
display: none;
}
.home {
padding: 0;
margin-top: 5rem;
}
.home .slide {
min-height: 70vh;
background-size: cover !important;
background-position: center !important;
padding: 2rem 9%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home .slide .content {
width: 60rem;
margin-left: 80rem;
margin-bottom: 30rem;
}
.home .slide .content span {
font-size: 2rem;
color: rgb(255, 0, 0);
display: block;
}
.home .slide .content h3 {
font-size: 5rem;
color: #fff;
padding: 1rem 0;
}
.swiper-pagination-bullet {
height: 2rem;
width: 2rem;
background: #fff;
border-radius: 0;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #f00;
}
.about {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8rem;
}
.about .image {
-webkit-box-flex: 1;
-ms-flex: 1 1 42rem;
flex: 1 1 42rem;
position: relative;
}
.about .image::before, .about .image::after {
content: '';
position: absolute;
z-index: -1;
background: #f00;
height: 15rem;
width: 15rem;
}
.about .image::before {
top: 0;
left: 0;
}
.about .image::after {
bottom: 0;
right: 0;
}
.about .image img {
width: 100%;
padding: 2rem;
}
.about .content {
-webkit-box-flex: 1;
-ms-flex: 1 1 42rem;
flex: 1 1 42rem;
}
.about .content span {
font-size: 2rem;
color: #f00;
}
.about .content .title {
font-size: 4rem;
color: #fff;
margin-top: .5rem;
}
.about .content p {
font-size: 1.5rem;
color: #aaa;
padding: 1rem 0;
line-height: 2;
}
.about .content .box-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
margin-top: 1rem;
}
.about .content .box-container .box {
-webkit-box-flex: 1;
-ms-flex: 1 1 20rem;
flex: 1 1 20rem;
}
.about .content .box-container .box h3 {
font-size: 2rem;
color: #fff;
}
.about .content .box-container .box h3 i {
padding-right: 1.5rem;
color: #f00;
}
.features .box-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(32rem, 1fr)) [auto-fit];
grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
gap: 1.5rem;
gap: 0;
}
.features .box-container .box {
background: #111;
}
.features .box-container .box.second {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
}
.features .box-container .box:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.features .box-container .box .image {
height: 30rem;
width: 100%;
overflow: hidden;
}
.features .box-container .box .image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.features .box-container .box .content {
padding: 2rem;
text-align: center;
}
.features .box-container .box .content img {
height: 9rem;
margin-bottom: 1rem;
/* -webkit-filter: invert(1); */
/* filter: invert(1); */
}
.features .box-container .box .content h3 {
font-size: 2rem;
color: #f00;
}
.features .box-container .box .content p {
line-height: 2;
font-size: 1.5rem;
color: #aaa;
padding: 1rem 0;
}
/* .pricing {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(32rem, 1fr)) [auto-fit];
grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
gap: 1.5rem;
}
.pricing .information span {
font-size: 2rem;
color: #f00;
}
.pricing .information h3 {
font-size: 2.5rem;
padding-top: .5rem;
color: #fff;
}
.pricing .information .price {
font-size: 5rem;
font-weight: bolder;
color: #f00;
}
.pricing .information .price span {
color: #fff;
font-size: 3rem;
}
.pricing .information .list {
padding: 1rem 0;
margin-left: 6rem;
}
.pricing .information p {
line-height: 2;
padding: 1rem 0;
font-size: 1.4rem;
color: #aaa;
}
.pricing .information p i {
padding-right: 1rem;
color: #f00;
}
.pricing .plan {
text-align: center;
padding: 2rem;
}
.pricing .plan.basic {
background: linear-gradient(130deg, #111 93%, transparent 90%);
}
.pricing .plan h3 {
font-size: 2.5rem;
margin: 1rem 0;
color: #fff;
}
.pricing .plan .price {
font-size: 5rem;
font-weight: bolder;
color: #f00;
}
.pricing .plan .price span {
color: #fff;
font-size: 3rem;
}
.pricing .plan .list {
padding: 1rem 0;
}
.pricing .plan .list p {
line-height: 2;
padding: 1rem 0;
font-size: 1.4rem;
color: #aaa;
}
.pricing .plan .list p i {
padding-right: 1rem;
color: #f00;
} */
.trainers .box-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(29rem, 1fr)) [auto-fit];
grid-template-columns : repeat(auto-fit, minmax(29rem, 1fr));
gap: 1.5rem;
}
.trainers .box-container .box {
height: 40rem;
overflow: hidden;
position: relative;
}
.trainers .box-container .box:hover .content {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.trainers .box-container .box img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.trainers .box-container .box .content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #111;
padding: 2rem;
-webkit-transform: translateY(6.5rem);
transform: translateY(6.5rem);
}
.trainers .box-container .box .content span {
font-size: 1.5rem;
color: #f00;
}
.trainers .box-container .box .content h3 {
font-size: 2rem;
color: #fff;
padding-top: .5rem;
}
.trainers .box-container .box .content .share {
padding-top: 2rem;
margin-top: 1.5rem;
border-top: 0.1rem solid #aaa;
}
.trainers .box-container .box .content .share a {
font-size: 2rem;
color: #fff;
margin-right: 1.5rem;
}
.trainers .box-container .box .content .share a:hover {
color: #f00;
}
.banner {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url(../images/banner-bg.jpg) no-repeat;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/banner-bg.jpg) no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
text-align: center;
}
.banner span {
font-size: 2rem;
color: #f00;
}
.banner h3 {
padding-top: 1rem;
color: #fff;
text-transform: uppercase;
font-size: 3.5rem;
}
.banner p {
margin: 1rem auto;
max-width: 60rem;
font-size: 1.5rem;
color: #aaa;
line-height: 2;
}
.review {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
}
.review .information {
-webkit-box-flex: 1;
-ms-flex: 1 1 35rem;
flex: 1 1 35rem;
}
.review .information span {
font-size: 2rem;
color: #f00;
}
.review .information h3 {
font-size: 3rem;
color: #fff;
padding-top: 1rem;
}
.review .information p {
font-size: 1.5rem;
line-height: 2;
color: #aaa;
padding: 1rem 0;
}
.review .review-slider {
-webkit-box-flex: 1;
-ms-flex: 1 1 60rem;
flex: 1 1 60rem;
}
.review .review-slider .slide {
background: linear-gradient(130deg, #111 93%, transparent 90%);
padding: 2rem 3rem;
}
.review .review-slider .slide p {
font-size: 1.5rem;
line-height: 2;
color: #aaa;
}
.review .review-slider .slide .user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1.5rem;
}
.review .review-slider .slide .user img {
height: 5rem;
width: 5rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
margin-right: 1rem;
}
.review .review-slider .slide .user h3 {
font-size: 2rem;
color: #fff;
}
.review .review-slider .slide .user span {
color: #f00;
font-size: 1.5rem;
}
.review .review-slider .slide .user i {
font-size: 5rem;
margin-left: auto;
margin-right: 2rem;
color: #f00;
}
.blogs .slide {
background: #111;
margin-bottom: 7rem;
}
.blogs .slide:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.blogs .slide .image {
height: 25rem;
width: 100%;
overflow: hidden;
}
.blogs .slide .image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blogs .slide .content {
padding: 2rem;
}
.blogs .slide .content .link {
padding-bottom: 1.5rem;
font-size: 1.5rem;
}
.blogs .slide .content .link a {
color: #f00;
}
.blogs .slide .content .link a:hover {
color: #fff;
}
.blogs .slide .content .link span {
color: #fff;
padding: 0 1rem;
}
.blogs .slide .content h3 {
font-size: 2rem;
color: #fff;
line-height: 1.5;
}
.blogs .slide .content p {
font-size: 1.5rem;
color: #aaa;
line-height: 5;
padding: 1rem 0;
}
.past .slide {
background: #111;
margin-bottom: 7rem;
}
.past .heading{
margin-top: 3rem;
}
.past .slide:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.past .slide .image {
height: 30rem;
width: 30rem;
overflow: hidden;
}
.past .slide .image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.past .slide .content {
padding: 2rem;
/* scroll-margin: 100rem 100rem 100rem 100rem; */
/* text-align:center; */
}
.past .slide .content .link {
padding-bottom: 1.5rem;
font-size: 1.5rem;
}
.past .slide .content .link a {
color: #f00;
}
.past .slide .content .link a:hover {
color: #fff;
}
.past .slide .content .link span {
color: #fff;
padding: 0 1rem;
}
.past .slide .content h3 {
font-size: 2rem;
color: #fff;
line-height: 1.5;
}
.past .slide .content p {
font-size: 1.5rem;
color: #aaa;
line-height: 2;
padding: 1rem 0;
}
.footer .box-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(25rem, 1fr)) [auto-fit];
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
gap: 1.5rem;
}
.footer .box-container .box h3 {
font-size: 2.2rem;
color: #fff;
padding: 1rem 0;
}
.footer .box-container .box .links {
font-size: 1.5rem;
display: block;
color: #aaa;
padding: 1rem 0;
}
.footer .box-container .box .links:hover {
color: #f00;
}
.footer .box-container .box p {
font-size: 1.5rem;
color: #aaa;
padding: 1rem 0;
}
.footer .box-container .box p i {
padding-right: .5rem;
color: #f00;
}
.footer .box-container .box .share {
padding: 1rem 0;
}
.footer .box-container .box .share a {
height: 4.5rem;
width: 4.5rem;
line-height: 4.5rem;
font-size: 1.7rem;
color: #fff;
background: #111;
border-radius: 50%;
margin-right: .5rem;
text-align: center;
}
.footer .box-container .box .share a:hover {
background: #f00;
}
.footer .box-container .box form .email {
margin-bottom: 1rem;
width: 100%;
background: #111;
padding: 1.2rem;
font-size: 1.5rem;
color: #fff;
text-transform: none;
}
.credit {
font-size: 2rem;
text-align: center;
padding: 2rem;
color: #fff;
background: #111;
line-height: 1.5;
}
.credit span {
color: #f00;
}
@media (max-width: 991px) {
html {
font-size: 55%;
scroll-padding: 7rem;
}
.header {
padding: 0 2rem;
}
section {
padding: 3rem 2rem;
}
.home .slide {
padding: 2rem 5%;
}
.home .slide .content {
width: 50rem;
}
.home .slide .content h3 {
font-size: 4rem;
}
}
@media (max-width: 768px) {
#menu-btn {
display: inline-block;
}
#menu-btn.fa-times {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header {
padding: 2rem;
}
.header .navbar {
position: absolute;
top: 99%;
left: 0;
right: 0;
background: #000;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.header .navbar.active {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.header .navbar a {
display: block;
font-size: 2rem;
}
.about {
gap: 3rem;
}
.about .image {
margin-top: 5rem;
}
.about .content .title {
font-size: 3rem;
}
.features .box-container .box.second {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
}
@media (max-width: 450px) {
html {
font-size: 50%;
}
}
/*# sourceMappingURL=style.css.map */
Write Preview
Loading…
Cancel
Save