Skip to content
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">
<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"/>
<div id="bg">
<div class="container">
<div class="logo">
<a href="#"><img src="img/logo.jpg" alt="logo"></a>
<div class="navbar">
<div class="icon-bar" onclick="Show()">
<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>
<div class="centered">
<!--Column 1-->
<div class="column-one">
<div class="big-logo">
<img src="img/big-logo.jpg" alt="big logo"/>
<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>
<!--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 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 class="big-logos">
<img src="img/big-icons.jpg" alt="big logos with white background"/>
<div id="footer-two">
<div class="black">
<div class="small-logos">
<img src="img/footer-icons.jpg" alt="small logos with black background"/>
<h6>© 2020 Axure Themes</h6>
<!--JavaScript for navbar-->
var navList = document.getElementById("nav-lists");
function Show() {
function Hide(){
You can’t perform that action at this time.