-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #10 from Yashika25/home-update
Update index.html
- Loading branch information
Showing
1 changed file
with
253 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,254 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700;800&display=swap" rel="stylesheet" /> | ||
|
||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> | ||
|
||
<link rel="stylesheet" href="main.css"> | ||
|
||
<title>TATHASTU WEB</title> | ||
</head> | ||
|
||
<body> | ||
<header class="container-fluid"> | ||
<p style="text-align: center">30% + 10% additional off site-wide till Oct 15th <a class="btn btn--white" href="#">Enroll now</a></p> | ||
</header> | ||
<nav> | ||
<div class="col-12 col-md-6"> | ||
<a href="#"> | ||
<img class="brand ml-5" src="./images/tathastu_logo.png" /> | ||
</a> | ||
</div> | ||
<div class="nav-container col-12 col-md-6"> | ||
<span class="nav-element"> | ||
<a href="#" class="nav-link">Courses</a> | ||
</span> | ||
<span class="nav-element"> | ||
<a href="#" class="nav-link">Upcoming Events</a> | ||
</span> | ||
<span class="nav-element"> | ||
<a href="#" class="nav-link">Blogs</a> | ||
</span> | ||
<span class="nav-element"> | ||
<a href="#" class="nav-link">Sign Up</a> | | ||
<a href="#" class="nav-link">Sign In</a> | ||
</span> | ||
</div> | ||
</nav> | ||
|
||
<div class="container"> | ||
<div class="row mt-5"> | ||
<div class="col-8 font-weight-bold"> | ||
<h2>The best courses at your fingertips</h2> | ||
<p class="text-muted">You can always complement what you learn in college.</p> | ||
<p class="text-muted">Pick up skills that help you land jobs.</p> | ||
<br> | ||
<h2>Choose a course tailored for you.</h2> | ||
<div class="row"> | ||
<div class="col-4"> | ||
<button class="btn btn--outline btn-l btn--padding-l">Contact Us</button> | ||
</div> | ||
<div class="col-1"></div> | ||
<div class="col-4 pt-1"> | ||
<button class="btn btn--main btn-l btn--padding-l">Browse Courses</button> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="col-4"> | ||
<img class="mt-5 ml-5" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/illustrations/new_illustration_mobile.gif" alt="Banner Image" height="250"> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="bg-white"> | ||
<div class="container"> | ||
<h2 class="text-dark text-center font-weight-bold">Upcoming Events</h2> | ||
<br> | ||
<div class="row"> | ||
<div class="col-4 card card--outline mr-4"> | ||
<h6 class="font-italic">Hackathon</h6> | ||
<h6 class="text-right">24 Oct</h6> | ||
<h3 class="font-weight-bold">CipherThone</h3> | ||
<img src="https://storage.googleapis.com/cipherschools-storage.appspot.com/events/hack.png" alt="cipherthone image" height="200"> | ||
<div class="row"> | ||
<div class="col-3"></div> | ||
<div class="col-6 mt-1"> | ||
<button class="btn btn--outline btn-l">Register</button> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="col-3.5 card card--outline mr-4"> | ||
<h6 class="font-italic">New batch</h6> | ||
<h6 class="text-right">15th Oct Onwards</h6> | ||
<h3 class="font-weight-bold pb-2">Machine Learning</h3> | ||
<h3 class="text-orange font-weight-bold">Rs 6999/-</h3> | ||
<li class="text-muted font-weight-bold" style="list-style-image: url(https://cipherschools.com/static/media/small_star.9d7b6bbc.svg);">Live classroom training</li> | ||
<li class="text-muted font-weight-bold" style="list-style-image: url(https://cipherschools.com/static/media/small_star.9d7b6bbc.svg);">Build live capstone project</li> | ||
<li class="text-muted font-weight-bold" style="list-style-image: url(https://cipherschools.com/static/media/small_star.9d7b6bbc.svg);">24*7 doubt resolution</li> | ||
<div class="row"> | ||
<div class="col-5 m-2 p-1"> | ||
<button class="btn btn--outline btn-l">Learn More</button> | ||
</div> | ||
<div class="col-5 m-2 p-2"> | ||
<button class="btn btn--main btn-l">Enroll Now</button> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="col-3.5 card card--outline"> | ||
<h6 class="font-italic">New batch</h6> | ||
<h6 class="text-right">15th Oct Onwards</h6> | ||
<h3 class="font-weight-bold pb-2">MERN Stack Development</h3> | ||
<h3 class="text-orange font-weight-bold">Rs 6999/-</h3> | ||
<li class="text-muted font-weight-bold" style="list-style-image: url(https://cipherschools.com/static/media/small_star.9d7b6bbc.svg);">Live classroom training</li> | ||
<li class="text-muted font-weight-bold" style="list-style-image: url(https://cipherschools.com/static/media/small_star.9d7b6bbc.svg);">Build live capstone project</li> | ||
<li class="text-muted font-weight-bold" style="list-style-image: url(https://cipherschools.com/static/media/small_star.9d7b6bbc.svg);">24*7 doubt resolution</li> | ||
<div class="row"> | ||
<div class="col-5 m-2 p-1"> | ||
<button class="btn btn--outline btn-l">Learn More</button> | ||
</div> | ||
<div class="col-5 m-2 p-2"> | ||
<button class="btn btn--main btn-l">Enroll Now</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<br><br> | ||
<div class="row text-center"> | ||
<div class="col-4"> | ||
<h2 class="font-weight-bold text-dark">5000+</h2> | ||
<h6 class="text-dark">Students Empowered</h6> | ||
</div> | ||
<div class="col-4"> | ||
<h2 class="font-weight-bold text-dark">1500+</h2> | ||
<h6 class="text-dark">Personalised Live Coaching</h6> | ||
</div> | ||
<div class="col-4"> | ||
<h2 class="font-weight-bold text-dark">500+</h2> | ||
<h6 class="text-dark">Jobs and Internships</h6> | ||
</div> | ||
</div> | ||
<br> | ||
<h2 class="text-dark text-center font-weight-bold">Why Students Choose Us</h2> | ||
<br> | ||
<div id="carouselExampleSlidesOnly" class="carousel slide text-center" data-ride="carousel"> | ||
<div class="carousel-inner"> | ||
<div class="carousel-item active"> | ||
<img class="d-block w-100 mb-4" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/icons/whyChoose/piggy-bank.svg" alt="First slide" height="100"> | ||
<h3 class="text-dark font-weight-bold">Affordable Pricing</h3> | ||
<p class="text-dark">Learn LIVE about in-demand technologies at a very affordable price</p> | ||
</div> | ||
<div class="carousel-item"> | ||
<img class="d-block w-100 mb-4" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/icons/whyChoose/chat.svg" alt="Second slide" height="100"> | ||
<h3 class="text-dark font-weight-bold">Instant Support</h3> | ||
<p class="text-dark">Get your doubts resolved in no time through our Teaching Assistants</p> | ||
</div> | ||
<div class="carousel-item"> | ||
<img class="d-block w-100 mb-4" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/icons/whyChoose/online.svg" alt="Third slide" height="100"> | ||
<h3 class="text-dark font-weight-bold">100% Online</h3> | ||
<p class="text-dark">Join from anywhere with an internet connection. Stay connected with your mentor and classmates</p> | ||
</div> | ||
<div class="carousel-item"> | ||
<img class="d-block w-100 mb-4" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/icons/whyChoose/coding.svg" alt="Fourth slide" height="100"> | ||
<h3 class="text-dark font-weight-bold">Relevant Curriculum</h3> | ||
<p class="text-dark">Get trained in the most in-demand tech stacks in the industry. Learn through guided practical projects</p> | ||
</div> | ||
<div class="carousel-item"> | ||
<img class="d-block w-100 mb-4" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/icons/whyChoose/employee.svg" alt="Fifth slide" height="100"> | ||
<h3 class="text-dark font-weight-bold">Get Job Ready</h3> | ||
<p class="text-dark">We train you on technologies that help you in your job as a fresher. Our educators are experienced industry experts</p> | ||
</div> | ||
</div> | ||
</div> | ||
<br> | ||
<h2 class="text-dark text-center font-weight-bold mt-4">Leading Industry Mentors</h2> | ||
<br> | ||
<div class="row"> | ||
<div class="col-3 mr-5 ml-5"> | ||
<div class="card card--outline card--mentor"> | ||
<div class="overflow--pic"> | ||
<div class="profile-pic"> | ||
<img class="img-cover" src="./images/profileHover.svg" /> | ||
<div class="pic-frame"> | ||
<img class="pic" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/images/coach/pankaj.png" /> | ||
</div> | ||
</div> | ||
</div> | ||
<h3 class="font-weight-bold pt-3">Pankaj Lohani</h3> | ||
<img src="https://storage.googleapis.com/cipherschools-storage.appspot.com/images/coach/linkedin.png" width="100%" height="auto"/> | ||
<p style="font-size: 0.8rem; color: #cfd2d7">Always eager to learn new things even if it goes beyond profile and domain.</p> | ||
</div> | ||
</div> | ||
|
||
<div class="col-3 mr-5 ml-5"> | ||
<div class="card card--outline card--mentor"> | ||
<div class="overflow--pic"> | ||
<div class="profile-pic"> | ||
<img class="img-cover" src="./images/profileHover.svg" /> | ||
<div class="pic-frame"> | ||
<img class="pic" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/images/coach/mohit.png" /> | ||
</div> | ||
</div> | ||
</div> | ||
<h3 class="font-weight-bold pt-2">Mohit Sharma</h3> | ||
<img src="https://storage.googleapis.com/cipherschools-storage.appspot.com/images/coach/microsoft.png" width="100%" height="auto"/> | ||
<p style="font-size: 0.8rem; color: #cfd2d7">I love writing code and ever since I've written my first program it has been my dream to reach people through my code. I am technology enthusiastic and always on a lookout for awesome problems.</p> | ||
</div> | ||
</div> | ||
|
||
<div class="col-3 ml-5"> | ||
<div class="card card--outline card--mentor"> | ||
<div class="overflow--pic"> | ||
<div class="profile-pic"> | ||
<img class="img-cover" src="./images/profileHover.svg" /> | ||
<div class="pic-frame"> | ||
<img class="pic" src="https://storage.googleapis.com/cipherschools-storage.appspot.com/images/coach/fateh.png" /> | ||
</div> | ||
</div> | ||
</div> | ||
<h3 class="font-weight-bold pt-2">Fateh Singh Aurora</h3> | ||
<img src="https://storage.googleapis.com/cipherschools-storage.appspot.com/images/coach/amazon.png" width="100%" height="auto"/> | ||
<p style="font-size: 0.8rem; color: #cfd2d7">I am software developer currently working at Amazon. I have deep interest in Data Structures and Algorithms. I enjoy developing the scalable systems from the scratch.</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<footer class="content-section row mt-5 mb-5"> | ||
<div class="col-12 mb-3" style="text-align: center"> | ||
<h2>About Us</h2> | ||
</div> | ||
<div class="col-12 col-md-4 mt-4" style="text-align: center"> | ||
<h3>Work With Us</h3> | ||
<a href="#" class="white-link">Become an Instructor</a> | ||
<a href="#" class="white-link">Become a Solution Expert</a> | ||
<a href="#" class="white-link">Hire from Twowaits</a> | ||
<a href="#" class="white-link">Refer & Earn</a> | ||
</div> | ||
<div class="col-12 col-md-4 mt-4" style="text-align: center"> | ||
<h3>Email Us</h3> | ||
<a href="#" class="white-link">support@something.com</a> | ||
<h3 class="mg-top">Contact Us</h3> | ||
<a href="#" class="white-link">98765 43210</a> | ||
</div> | ||
<div class="col-12 col-md-4 mt-4" style="text-align: center"> | ||
<h3>Connect With Us</h3> | ||
<img class="brand" src="./images/tathastu_logo.png" /> | ||
|
||
<div class="text-muted" style="font-size: 0.8rem"> | ||
© Copyright Something 2020<br /> | ||
<a href="#">Privacy Policy</a> | <a href="#">Terms & Conditions</a> | ||
</div> | ||
</div> | ||
</footer> | ||
|
||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> | ||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> | ||
</body> | ||
</html> |