Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

week-10/index.html

Go to file
 
 
Cannot retrieve contributors at this time
149 lines (108 sloc) 5.35 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Landing Page</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="css/custom.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!--Navigation bar-->
<nav class="navbar navbar-dark navbar-expand-lg bg-navbar">
<a href="#" class="navbar-brand ml-5 " style="font-size: 2.5rem;">AXIT</a>
<button class="navbar-toggler " data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse ml-4" id="navbarCollapse">
<ul class="navbar-nav ml-auto mr-2" style="font-size: 1rem;">
<li class="navbar-item">
<a href="#" class="nav-link">Features</a>
</li>
<li class="navbar-item">
<a href="#" class="nav-link">About</a>
</li>
<li class="navbar-item">
<a href="#" class="nav-link">Pricing</a>
</li>
<li class="navbar-item">
<a href="#" class="nav-link">Reviews</a>
</li>
<li class="navbar-item">
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
</div>
</nav>
<!--Main content-->
<div class="container-fluid border-secondary" style="color:black">
<div class="row ">
<div class="col-md-7 border border-secondary" style="background-color: white">
<p class=" h1 ml-5 mt-5" style="font-size: 5rem">AXIT</p>
<p class=" h2 ml-5 font-weight-light">MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</p>
<hr class=" hr col-1 ml-5 mt-4">
<p class=" h4 ml-5 mr-5 mt-4 font-weight-lighter">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
euismod bibendum laoreet. Proin gravida dolor sit amet lacus
accumsan et viverra justo commodo.</p>
<button type="button" class="btn btn-outline-dark ml-5 mt-4 mb-5">Download</button>
</div>
<div class="col-md-5 border border-secondary" style="background-color:white;">
<div class="card border-secondary mt-5 ml-5 mr-4 mb-5" style="max-width: 40rem;">
<div class="h4 card-header text-center">Try Your FREE Trial Today</div>
<div class="card-body text-secondary">
<form>
<div class="col border-secondary">
<input type="text" class="form-control mt-3 col-xs" placeholder="Name">
<input type="text" class="form-control mt-5 col-xs" placeholder="Email">
<input type="text" class="form-control mt-5 col-xs" placeholder="Password">
<button type="submit" class="btn btn-dark btn-lg btn-block mt-5 ">Get Started</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="page-footer font-small pt-4 ">
<!-- Footer Text -->
<div class="container-fluid text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-7 mt-md-0 mt-3 ">
<!-- Content -->
<h5 class="text-uppercase font-weight-bold ml-5 ">Social Media</h5>
<p class="ml-5" style="font-weight: lighter;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean euismod bibendum laoreet.</p>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none pb-3 ">
<!-- Grid column -->
<div class="col-md-5 mb-md-0 mb-3 " >
<!-- Content -->
<h5 class="text-uppercase text-center font-weight-bold mt-4 border border-secondary mr-4 ml-5">ICONS</h5>
<p></p>
</div>
</div>
</div>
</footer>
<!-- Footer WHITE -->
<footer class="page-footer font-small mt-4">
<div class="footer-copyright text-center py-3 border border-secondary">© 2015 Axure Themes</div>
</footer>
<!-- Footer -->
<!-- jQuery library -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<!-- Popper.js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<!-- JavaScript-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
</body>
</html>