inside out project STEP-105 to STEP-106 index.html Code Changes
0 removals
126 lines
1 addition
126 lines
<!doctype html>
<!doctype html>
<html lang="en">
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>inside out - HTML5 App</title>
<title>inside out - HTML5 App</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/header-resize.css">
<link rel="stylesheet" href="assets/css/header-resize.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/footer.css">
</head>
</head>
<body>
<body>
<div id="wrapper">
<div id="wrapper">
<header>
<header>
<div class="container clearfix">
<div class="container clearfix">
<h1 id="logo" onClick="getPage(314)"> inside out</h1>
<h1 id="logo" onClick="getPage(314)"> inside out</h1>
<nav></nav>
<nav></nav>
</div>
</div>
</header>
</header>
<div id="main">
<div id="main">
<div id="content">
<div id="content">
<section>
<section>
<div class="container">
<div class="container">
<div class="circle">
<div class="circle">
<div class="wave"></div>
<div class="wave"></div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</div>
</div>
</div>
<footer>
<footer>
<div class="container">
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-4 col-sm-6 footerleft ">
<div class="col-md-4 col-sm-6 footerleft ">
<div class="logofooter">Logo</div>
<div class="logofooter">Logo</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.</p>
<p><i class="fa fa-map-pin"></i> 10, South 2nd Street
<p><i class="fa fa-map-pin"></i> 10, South 2nd Street
<br>Reading, PA 19606
<br>Reading, PA 19606
<br>
<br>
</p>
</p>
<p><i class="fa fa-phone"></i> Phone : +0 610 555 3985</p>
<p><i class="fa fa-phone"></i> Phone : +0 610 555 3985</p>
<p><i class="fa fa-envelope"></i> E-mail : me@mysite.com</p>
<p><i class="fa fa-envelope"></i> E-mail : me@mysite.com</p>
</div>
</div>
<div class="col-md-2 col-sm-6 paddingtop-bottom">
<div class="col-md-2 col-sm-6 paddingtop-bottom">
<h6 class="heading7">GENERAL LINKS</h6>
<h6 class="heading7">GENERAL LINKS</h6>
<ul class="footer-ul">
<ul id="genLinks" class="footer-ul">
<li><a href="#"> Career</a>
<li><a href="#"> Career</a>
</li>
</li>
<li><a href="#"> Privacy Policy</a>
<li><a href="#"> Privacy Policy</a>
</li>
</li>
<li><a href="#"> Terms & Conditions</a>
<li><a href="#"> Terms & Conditions</a>
</li>
</li>
<li><a href="#"> Client Gateway</a>
<li><a href="#"> Client Gateway</a>
</li>
</li>
<li><a href="#"> Ranking</a>
<li><a href="#"> Ranking</a>
</li>
</li>
<li><a href="#"> Case Studies</a>
<li><a href="#"> Case Studies</a>
</li>
</li>
<li><a href="#"> Frequently Ask Questions</a>
<li><a href="#"> Frequently Ask Questions</a>
</li>
</li>
</ul>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 paddingtop-bottom">
<div class="col-md-3 col-sm-6 paddingtop-bottom">
<h6 class="heading7">LATEST POST</h6>
<h6 class="heading7">LATEST POST</h6>
<div class="post">
<div class="post">
<p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span>
<p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span>
</p>
</p>
<p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span>
<p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span>
</p>
</p>
<p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span>
<p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span>
</p>
</p>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 paddingtop-bottom">
<div class="col-md-3 col-sm-6 paddingtop-bottom">
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-height="300" data-small-header="false" style="margin-bottom:15px;" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-height="300" data-small-header="false" style="margin-bottom:15px;" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<div class="fb-xfbml-parse-ignore">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/facebook"> <a href="https://www.facebook.com/facebook">Facebook</a>
<blockquote cite="https://www.facebook.com/facebook"> <a href="https://www.facebook.com/facebook">Facebook</a>
</blockquote>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</footer>
<div class="copyright">
<div class="copyright">
<div class="container">
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-4">
<div class="col-md-4">
<p>© 2018 - All Rights with me</p>
<p>© 2018 - All Rights with me</p>
</div>
</div>
<div class="col-md-8">
<div class="col-md-8">
<ul class="bottom_ul">
<ul class="bottom_ul">
<li><a href="#">mysite.com</a>
<li><a href="#">mysite.com</a>
</li>
</li>
<li><a href="#">About us</a>
<li><a href="#">About us</a>
</li>
</li>
<li><a href="#">Blog</a>
<li><a href="#">Blog</a>
</li>
</li>
<li><a href="#">Faq's</a>
<li><a href="#">Faq's</a>
</li>
</li>
<li><a href="#">Contact us</a>
<li><a href="#">Contact us</a>
</li>
</li>
<li><a href="#">Site Map</a>
<li><a href="#">Site Map</a>
</li>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="assets/js/header-resize.js"></script>
<script src="assets/js/header-resize.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/app.js"></script>
<div id="loaderDiv"></div>
<div id="loaderDiv"></div>
<script>
<script>
$("#loaderDiv").fadeIn("slow");
$("#loaderDiv").fadeIn("slow");
</script>
</script>
</body>
</body>
</html>
</html>