Permalink
Cannot retrieve contributors at this time
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?
dmd-web-two/mobile-first.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
118 lines (109 sloc)
4.97 KB
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
<!doctype html> | |
<html class="no-js" lang="english"> | |
<head> | |
<meta charset="utf-8"> | |
<title>Mobile First Design</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="manifest" href="site.webmanifest"> | |
<link rel="apple-touch-icon" href="icon.png"> | |
<!-- Place favicon.ico in the root directory --> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet"> | |
<link rel="stylesheet" href="css/normalize.css"> | |
<link rel="stylesheet" href="css/mobile-first.css"> | |
<script src="https://use.fontawesome.com/d4e127e2d0.js"></script> | |
<script src="https://kit.fontawesome.com/9c045b0ca9.js" crossorigin="anonymous"></script> | |
<meta name="theme-color" content="#fafafa"> | |
</head> | |
<body> | |
<!--[if IE]> | |
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> | |
<![endif]--> | |
<!-- Add your site or application content here --> | |
<header> | |
<div class="centered"> | |
<div class="logo"> | |
<img src="img/logo_navbar_u70.png" alt="logo"> | |
</div> | |
<div class="container" onclick="myFunction(this)"> | |
<div class="bar1"></div> | |
<div class="bar2"></div> | |
<div class="bar3"></div> | |
</div> | |
<nav> | |
<ul> | |
<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> | |
</nav> | |
</div> | |
</header> | |
<div id="main-background"><!---background image--> | |
<div class="centered"> | |
<div class="half" id="section1"> | |
<img src="img/logo_navbar_u701.png" alt="AXIT"> | |
<h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1> | |
<hr> | |
<p class="white">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente expedita quo similique, totam temporibus exercitationem! Iure corrupti est, quod expedita cumque harum quibusdam vitae, doloribus praesentium porro temporibus ut soluta!</p> | |
<button type="button" id="download">Download</button> | |
</div> | |
<div class="half" id="form"> | |
<form action="/action_page.php" method="get"> | |
<h3 id="free-trial">Try Your FREE Trial Today</h3> | |
<div> | |
<input type="text" name="name" placeholder="Name"><br> | |
<input type="email" name="email" placeholder="Email"><br> | |
<input type="password" name="password" placeholder="Password"><br> | |
</div> | |
<button type="submit" id="get-started">Get Started</button> | |
</form> | |
</div> | |
</div> | |
</div> | |
<div class="centered" id="white"><!--white background--> | |
<div class="social"> | |
<h3>Social Media</h3> | |
<p class="grey">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | |
</div> | |
<div class="icons"> | |
<ul> | |
<li><i class="fab fa-facebook-f"></i></li> | |
<li><i class="fab fa-twitter"></i></li> | |
<li><i class="fab fa-google-plus-g"></i></li> | |
<li><i class="fab fa-pinterest"></i></li> | |
<li><i class="fab fa-instagram"></i></li> | |
<li><i class="fab fa-stumbleupon"></i></li> | |
<li><i class="fas fa-wifi"></i></li> | |
</ul> | |
</div> | |
</div> | |
<footer> | |
<div id="bottom"> | |
<ul id="b-icons"> | |
<li><i class="fab fa-facebook-f"></i></li> | |
<li><i class="fab fa-twitter"></i></li> | |
<li><i class="fab fa-google-plus-g"></i></li> | |
<li><i class="fab fa-pinterest"></i></li> | |
<li><i class="fab fa-instagram"></i></li> | |
<li><i class="fab fa-stumbleupon"></i></li> | |
<li><i class="fas fa-wifi"></i></li> | |
</ul> | |
<p>© 2015 Axure Themes</p> | |
</div> | |
</footer> | |
<script src="js/vendor/modernizr-3.8.0.min.js"></script> | |
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> | |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script> | |
<script src="js/plugins.js"></script> | |
<script src="js/main.js"></script> | |
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. --> | |
<script> | |
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; | |
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview') | |
</script> | |
<script src="https://www.google-analytics.com/analytics.js" async></script> | |
</body> | |
</html> |