Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
104 lines (93 sloc) 2.79 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Practice</title>
<link href="css/responsive.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="bg">
<div class="container">
<div class="logo">
<a href="#"><img src="img/logo.jpg" alt="logo"></a>
</div>
<div class="navbar">
<div class="icon-bar" onclick="Show()">
<i></i>
<i></i>
<i></i>
</div>
<ul id="nav-lists">
<li class="close"><span onclick="Hide()">×</span></li>
<li><a href="#">Features</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<main>
<div class="centered">
<!--Column 1-->
<div class="column-one">
<div class="big-logo">
<img src="img/big-logo.jpg" alt="big logo"/>
</div>
<h2>MODERN AXURE TEMPLATE<br>
FOR BEAUTIFUL PROTOTYPES</h2>
<hr><br>
<p>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 class="btn">Download</button>
</div>
<!--Column 2-->
<div class="column-two">
<form action="">
<div id="form-container">
<h3> Try Your <span style="color: orange;">FREE</span> Trial Today </h3>
<input type="text" name="Name" id="" placeholder="Name">
<input type="text" name="Email" id="" placeholder="Email">
<input type="text" name="Password" id="" placeholder="Password">
<button type="submit" name="Get Started">Get Started!</button>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
<div id="footer-container">
<div id="footer-one">
<div class="white">
<h5>Social Media</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean euismod bibendum laoreet.</p>
</div>
<div class="big-logos">
<img src="img/big-icons.jpg" alt="big logos with white background"/>
</div>
</div>
<div id="footer-two">
<div class="black">
<div class="small-logos">
<img src="img/footer-icons.jpg" alt="small logos with black background"/>
</div>
<h6>© 2020 Axure Themes</h6>
</div>
</div>
</div>
<!--JavaScript for navbar-->
<script>
var navList = document.getElementById("nav-lists");
function Show() {
navList.classList.add("_Menus-show");
}
function Hide(){
navList.classList.remove("_Menus-show");
}
</script>
</body>
</html>
You can’t perform that action at this time.