Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

content section #8

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

content section #8

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e7872a0
Update index.html
kav70 May 19, 2021
a1da929
content section
kav70 May 19, 2021
bfad28b
Update index.html
kav70 May 25, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
206 changes: 83 additions & 123 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,127 +1,87 @@
<!DOCTYPE html>
<html lang="en">

<!DOCUMENT HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title></title>
<meta content="" name="description">
<meta content="" name="keywords">

<!-- Favicons -->


<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">

<!-- =======================================================
* Template Name: OnePage - v4.2.0
* Template URL: https://bootstrapmade.com/onepage-multipurpose-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>CONTENT SECTION</title>
<script type="text/javascript"></script>
<script src='https://kit.fontawesome.com/a076d5399.js' crossorigin='anonymous'></script>
<style>
.button {
background-color:black;
border: 2px solid black;;
color:white;
padding: 15px 32px;
font-size: 12px;
cursor: pointer;
}

html { height: 150%;
}
body { background-image: linear-gradient(to bottom right,#33475b, #0033CC, #FF77CC ,rgb(255, 122, 89)); }

.container {
display : flex;
align-items:center;
justify-content:center
}
img {
max-width:100%
}
.text {
font-size:20px;
padding-left:20px;
}
div.a {
text-align: right;
margin-bottom: -80px;
}

</style>
</head>

<body>

<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center justify-content-between">

<h1 class="logo"><a href="index.html"></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

<nav id="navbar" class="navbar">
<ul>
<li><a class="getstarted scrollto" href="#about">Get Started</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->

</div>
</header><!-- End Header -->

<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-9 text-center">
<h1>Mentor Me</h1>
<h2>We are team of talented designers</h2>
</div>
</div>
<div class="text-center">
<a href="#about" class="btn-get-started scrollto">Get Started</a>
</div>

<div class="row icon-boxes">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="ri-stack-line"></i></div>
<h4 class="title"><a href="">Lorem Ipsum</a></h4>
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi</p>
</div>
</div>

<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="ri-palette-line"></i></div>
<h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p>
</div>
</div>

<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="400">
<div class="icon-box">
<div class="icon"><i class="ri-command-line"></i></div>
<h4 class="title"><a href="">Magni Dolores</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia</p>
</div>
</div>

<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="500">
<div class="icon-box">
<div class="icon"><i class="ri-fingerprint-line"></i></div>
<h4 class="title"><a href="">Nemo Enim</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
</div>
</div>

</div>
</div>
</section><!-- End Hero -->



<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>

</body>

</html>
<div class="a">
<div class="container">
<div class="text">
<img>

</div>
<div class="text">
<u><p style="color:black" ><font face="verdana" size="7">CODING COACH</font></p></u>
</div>
</div>
<h3><center>Connecting developers with mentors worldwide</center></h3>
<center><button class="button" >FIND MENTORS</button></center>
<h1><i class="fa fa-chalkboard-teacher"></i> ABOUT</h1>
<h3><p>coding coach is a free, open source platform which aims </br>to connect
software developers and mentors all over the world</br>To ensure youth 12 and under also
have acess to</br> virtual mentoring in this moment.</br>
It is a safe and monitored mentoring platform.</p></h3>
<center><h1>Watch Informational Webinar Below</h1>
<video width="400" controls>
<source src="mov_bb4.mp4" type="video/mp4">
<source src="mov_bb4.mp4" type="video/ogg">
</video>
<a href="https://youtu.be/1t0_D7UcfgU" target="_blank"></a></center>
<center><h1>Get Registered Immediately!!!<h1>
<form>
<table>
<tr>
<td>
Email Address:
</td>
<td><input type="text" email="">
</td>
</tr>
<tr>
<td>Password:
</td>
<td><input type="password" name="">
</td>
</tr>
</table><center>
<center><button class="button" >Register</button></center>
</form>
</body>
</html>