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?

html-css-refresher/index.html

Go to file
 
 
Cannot retrieve contributors at this time
323 lines (278 sloc) 17 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Abel|Roboto" rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<title>Amazon Kindle</title>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<header class="clearfix">
<div id="header-container">
<div id="header-logo" class="">
<a href="https://www.amazon.com/kindle-dbs/fd/kcp"><img src="img/kindle.jpg" id="top"/></a>
</div>
</div>
</header>
<div id="container">
<!--title bit-->
<div id="opening-title">
<h1>No Kindle? No Problem.</h1>
<h3>GET THE FREE KINDLE APP</h3>
<h4>Discover the world’s most immersive reading experience and the largest catalog of books and magazines.</h4>
</div>
<!--carousel start-->
<div id="carousel-background">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
<li data-target="#carousel-example-generic" data-slide-to="5"></li>
<li data-target="#carousel-example-generic" data-slide-to="6"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<a href="https://www.amazon.com/gp/help/customer/display.html?nodeId=201730230"><img src="img/customize.jpg" alt="Customize"></a>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<a href="https://www.amazon.com/gp/help/customer/display.html?nodeId=201730290"><img src="img/dictionary.jpg" alt="Dictionary"></a>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<a href="https://www.goodreads.com/"><img src="img/goodreads.jpg" alt="Goodreads"></a>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<a href="https://www.amazon.com/b?node=13489836011"><img src="img/previews.jpg" alt="Previews"></a>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<a href="https://www.amazon.com/gp/feature.html?docId=1000827761"><img src="img/read-listen.jpg" alt="Read and Listen"></a>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<a href="https://www.amazon.com/gp/help/customer/display.html?nodeId=201242030"><img src="img/share.jpg" alt="Share"></a>
<div class="carousel-caption">
</div>
</div>
<div class="item">
<a href="https://www.amazon.com/gp/help/customer/display.html?nodeId=200729910"><img src="img/xray.jpg" alt="X-Ray"></a>
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--end of carousel-->
<!--start of reviews-->
<div id="reviews" class="float">
<div id="review-1" class="col-sm-4 col-xs-12">
<img src="img/5stars.png"/>
<p class="review">Boy I love the kindle app, Boy I love it. Yup, real great. Perfect, actually. Love it, use it every day. All the time.</p>
<p class="sig">-Fake Person 1</p>
</div>
<div id="review-2" class="col-sm-4 col-xs-12">
<img src="img/5stars.png"/>
<p class="review">Perfect integration of the best of the Kindle and smartphone technology. Excellent app.</p>
<p class="sig">-Fake Person 2</p>
</div>
<div id="review-3" class="col-sm-4 col-xs-12">
<img src="img/5stars.png"/>
<p class="review">I love reading on my kindle, but I can’t fit it in my pocket. This app strikes a good balance so I can read anywhere!</p>
<p class="sig">-Fake Person 3</p>
</div>
</div>
<!--end of reviews-->
<!--start of main content-->
<div id="main-content">
<h1>Reading Evolved</h1>
<h3>Go beyond paper with immersive, built-in features.</h3>
<div id="splash-and-details">
<div id="splash" class="col-md-6">
<img src="img/splash.png"/>
</div>
<div id="details" class="col-md-6">
<div id="details1">
<h2>Introducing Page Flip:Freedom to Explore</h2>
<p>The all-new Page Flip is a reimagined Kindle navigation experience that makes it easy to explore your book while always saving your place.</p>
</div>
<div id="details2">
<h2>Shopping for books on your iPhone or iPad</h2>
<p>Books purchased on Amazon will immediately sync to your iOS app, but unlike Android, books and magazines are not available for purchase directly in the Kindle App.</p>
</div>
</div>
</div>
</div>
<!--end of main content-->
<!--start of download links-->
<div id="download-text" class="col-md-12">
<h1>Get the Top-Rated Free Kindle App</h1>
<h3>Available on iOS, Android, Mac, and PC</h3>
</div>
<div id="download-buttons">
<a href="https://itunes.apple.com/us/app/id302584613"><img src="img/app-store-button.png" id="button1" class="col-sm-4"></a>
<a href="https://play.google.com/store/apps/details?hl=en&id=com.amazon.kindle"><img src="img/google-play-button.png" id="button2" class="col-sm-4"></a>
<a href="https://www.amazon.com/kindlepcdownload/ref=klp_hz_win"><img src="img/pc-download-button.png" id="button3" class="col-sm-4"></a>
</div>
<!--end of download links-->
</div>
<!--footer-->
<footer class="clearfix">
<div id="footer-content">
<p><a href="#top">Back to Top</a></p>
<div class="col-sm-3 col-xs-6">
<h5>Get to know us</h5>
<ul>
<li><a href="https://www.amazon.jobs/">Careers</a></li>
<li><a href="https://www.amazon.com/p/feature/rzekmvyjojcp6uc?ref_=footer_aa">About</a></li>
<li><a href="http://phx.corporate-ir.net/phoenix.zhtml?c=97664&p=irol-irhome">Investor Relations</a></li>
<li><a href="https://www.amazon.com/Shop-Amazon-Devices-Kindle-Store/b/ref=footer_devices?ie=UTF8&node=10394030011">Amazon Devices</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-6">
<h5>Make Money With Us</h5>
<ul>
<li><a href="https://services.amazon.com/content/sell-on-amazon.htm/ref=footer_soa?ld=AZFSSOA-dT1">Sell on Amazon</a></li>
<li><a href="https://services.amazon.com/selling-services/home.htm?ld=AZUSVAS-globalfooter">Sell Your Services on Amazon</a></li>
<li><a href="https://www.amazon.com/b2b/info/seller?layout=feature">Sell on Amazon Business</a></li>
<li><a href="https://developer.amazon.com/">Sell Your Apps on Amazon</a></li>
<li><a href="https://affiliate-program.amazon.com/">Become an Affiliate</a></li>
<li><a href="https://advertising.amazon.com/?ref=ext_amzn_ftr">Advertize Your Products</a></li>
<li><a href="https://www.amazon.com/gp/seller-account/mm-summary-page.html/ref=footer_publishing?ie=UTF8&ld=AZFooterSelfPublish&topic=200260520">Self-Publish with Us</a></li>
<li><a href="https://www.amazon.com/b/ref=footer_vend?ie=UTF8&node=10659983011">Become an Amazon Vender</a></li>
<li><a href="https://www.amazon.com/b/ref=footer_seeall?_encoding=UTF8&ld=AZUSSOA-seeall&node=13605942011">> See All</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-6">
<h5>Amazon Payment Products</h5>
<ul>
<li><a href="https://www.amazon.com/iss/credit/rewardscardmember/ref=footer_cbcc?_encoding=UTF8&plattr=CBFOOT">Amazon Rewards Visa Signiture Cards</a></li>
<li><a href="https://www.amazon.com/iss/credit/storecardmember/ref=footer_plcc?_encoding=UTF8&plattr=PLCCFOOT">Amazon.com Store Card</a></li>
<li><a href="https://www.amazon.com/gp/cobrandcard/marketing.html/ref=footer_ccl?ie=UTF-8&place=camp&plattr=CCLFOOT&pr=ibprox">Amazon.com Corporate Credit Line</a></li>
<li><a href="https://www.amazon.com/earn-spend-rewards-points/b/ref=footer_swp?ie=UTF8&node=2634438011">Shop With Points</a></li>
<li><a href="https://www.amazon.com/compare-credit-card-offers/b/ref=footer_ccmp?ie=UTF8&node=3561432011">Credit Card Marketplace</a></li>
<li><a href="https://www.amazon.com/Reload-Your-Gift-Card-Balance/b/ref=footer_reload_us?ie=UTF8&node=10232440011">Reload Your Balance</a></li>
<li><a href="https://www.amazon.com/Currency-Converter/b/ref=footer_tfx?ie=UTF8&node=388305011">Amazon Currency Converter</a></li>
</ul>
</div>
<div class="col-sm-3 col-xs-6">
<h5>Let Us Help You</h5>
<ul>
<li><a href="https://www.amazon.com/gp/css/homepage.html/ref=footer_ya">Your Account</a></li>
<li><a href="https://www.amazon.com/gp/css/order-history/ref=footer_yo">Your Orders</a></li>
<li><a href="https://www.amazon.com/gp/help/customer/display.html/ref=footer_shiprates?ie=UTF8&nodeId=468520">Shipping Rates and Policies</a></li>
<li><a href="https://www.amazon.com/dp/B00DBYBNEE?_encoding=UTF8&ref_=footer_prime">Amazon Prime</a></li>
<li><a href="https://www.amazon.com/gp/orc/returns/homepage.html/ref=orc_surl_ret_hp?fg=1">Returns and Replacements</a></li>
<li><a href="https://www.amazon.com/ap/signin?openid.return_to=https%3A%2F%2Fwww.amazon.com%2Fmn%2Fdcw%2Fmyx.html&openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.assoc_handle=usflex&openid.mode=checkid_setup&openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&&accountStatusPolicy=P1">Manage Your Content and Devices</a></li>
<li><a href="https://www.amazon.com/gp/BIT/ref=footer_bit_v2_us_A0029?bitCampaignCode=A0029">Amazon Assistant</a></li>
<li><a href="https://www.amazon.com/gp/help/customer/display.html/ref=footer_gw_m_b_he?ie=UTF8&nodeId=508510">Help</a></li>
</ul>
</div>
</div>
<div id="footer-logo" class="clearfix">
<a href="https://www.amazon.com/ref=footer_logo"><img src="img/amazon-logo.png"/></a>
</div>
</footer>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!--bootstrap js-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
<!--for nav logo button-->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
}
else{
$("#contactForm").slideUp("slow");
}
});
});
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
$(document).ready(function() {
function filterPath(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
}
$('a[href*=#]').each(function() {
if ( filterPath(location.pathname) == filterPath(this.pathname)
&& location.hostname == this.hostname
&& this.hash.replace(/#/,'') ) {
var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
if ($target) {
var targetOffset = $target.offset().top;
$(this).click(function() {
$('html, body').animate({scrollTop: targetOffset}, 1000);
var d = document.createElement("div");
d.style.height = "101%";
d.style.overflow = "hidden";
document.body.appendChild(d);
window.scrollTo(0,scrollToM);
setTimeout(function() {
d.parentNode.removeChild(d);
}, 10);
return false;
});
}
}
});
});
/*! Smooth Scroll - v1.4.5 - 2012-07-22
* Copyright (c) 2012 Karl Swedberg; Licensed MIT, GPL */
</script>
</body>
</html>