diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 209 |
1 files changed, 209 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..7d517b6 --- /dev/null +++ b/index.html @@ -0,0 +1,209 @@ +<!doctype html> +<html> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> + <title>Giant</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> + <meta name="description" content="" /> + <meta property="og:title" content="GIANT"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="http://giantofficial.com/"/> + <meta property="og:url" content="http://giantofficial.com/"/> + <meta property="og:description" content="Giant, a VR Short" /> + <meta property="og:site_name" content="Giant" /> + <meta name="apple-mobile-web-app-capable" content="yes"> + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> + <link rel="image_src" href=""/> + <link rel="shortcut icon" href="/favicon.ico"/> + <link rel="apple-touch-icon" href="" /> + <link rel="apple-touch-icon-precomposed" href="" /> + <link rel="stylesheet" type="text/css" href="css/animate.css"> + <link rel="stylesheet" type="text/css" href="css/colors.css"> + <link rel="stylesheet" type="text/css" href="css/unsemantic-grid-responsive-tablet.css"> + <link rel="stylesheet" type="text/css" href="css/site.css"> +</head> +<body> + <div class="gucci-intro"> + <div class="gucci-content"> + <img src="img/giant-logo.svg" class="logo"> + </div> +<!-- + <span class="down-arrow"><img src="img/down-arrow.png"></span> + --> + </div> +<!-- + <h1 class="wow center big bounceIn" data-wow-delay="0.5s">Gucci Mane.</h1> + <div class="pineapple"> + <div class="grid-container white"> + <div class="grid-50"> + <h1 data-lorem="1s"></h1> + </div> + + <div class="grid-66"> + <p data-lorem="1p"></p> + <p data-lorem="1p"></p> + <p data-lorem="1p"></p> + </div> + + <div class="grid-33 center"> + <img src="img/gucci-face.png" class="wow gucci rollIn"> + <img src="img/gucci-face.png" class="wow gucci rollIn"> + <img src="img/gucci-face.png" class="wow gucci rollIn"> + </div> + </div> + <h1 class="center black big">1017 Brick Squad Monopoly</h1> + </div> + <div class="flowers"> + <div class="grid-container"> + <div class="grid-25 chain wow slideInDown" data-wow-delay="0.5s"> + <figure class="image"></figure> + <span>Gucci Chain</span> + </div> + <div class="grid-25 chain wow flipInX" data-wow-delay="1.0s"> + <figure class="image"></figure> + <span>Wood Wheel Twisting</span> + </div> + <div class="grid-25 chain wow bounceIn" data-wow-delay="1.5s"> + <figure class="image"></figure> + <span>Oh Gucci So Icey</span> + </div> + <div class="grid-25 chain wow flipInY" data-wow-delay="2.0s"> + <figure class="image"></figure> + <span>Trap Trap Trap</span> + </div> + </div> + <h1 class="center big yellow">Trap God</h1> + <div class="grid-container"> + <div class="grid-25 chain wow flipInX" data-wow-delay="2.0s"> + <figure class="image chain2"></figure> + <span>Yellow Living Room</span> + </div> + <div class="grid-25 chain wow flipInY" data-wow-delay="1.5s"> + <figure class="image chain2"></figure> + <span>Is You Rolling?</span> + </div> + <div class="grid-25 chain wow flipInX" data-wow-delay="1.0s"> + <figure class="image chain2"></figure> + <span>Water Whip It</span> + </div> + <div class="grid-25 chain wow flipInY" data-wow-delay="0.5s"> + <figure class="image chain2"></figure> + <span>Baking Soda</span> + </div> + </div> + </div> + <h1 class="center black big">Shining For No Apparent Reason</h1> + <div class="clouds"> + <div class="gallery-rapper"> + <div class="gallery"> + <div style="background-image:url(https://s3.amazonaws.com/luckyplop/fca3649e1f9409a1577921513d9ad0547196dde9.jpg)"></div> + <div style="background-image:url(https://s3.amazonaws.com/luckyplop/26eb27346aa397a3718e6da320823f2f3db69db5.jpg)"></div> + <div style="background-image:url(https://s3.amazonaws.com/luckyplop/d81e879c7ab5de11268398d06d218563c743c3fd.jpg)"></div> + <div style="background-image:url(https://s3.amazonaws.com/luckyplop/f5dfb61ed26761176cb943cf5adbd11b7efe06f6.jpg)"></div> + <div style="background-image:url(https://s3.amazonaws.com/luckyplop/b1be61616e94f49511358e310c2408faac2cb8fe.jpg)"></div> + </div> + </div> + </div> + <div class="white"> + <div class="grid-container"> + <br><br> + <div class="grid-60"> + <img src="https://s3.amazonaws.com/luckyplop/36b189eea01891aa11fde6919e2990ee271ab67a.jpg" class="wow flipInX" data-wow-delay="0.0s"> + </div> + <div class="grid-20 wow flipInY zigzag" data-wow-delay="0.0s"> + <img src="img/zigzag1.svg"> + </div> + <div class="grid-10 wow flipInX zigzag" data-wow-delay="0.0s"> + <img src="img/star1.svg"> + </div> + <div class="grid-20 wow flipInY zigzag" data-wow-delay="0.0s"> + <img src="img/zigzag2.svg"> + </div> + <div class="grid-50 chain wow flipInX" data-wow-delay="0.0s"> + <h2 data-lorem="1s"></h2> + </div> + </div> + <div class="grid-container"> + <br><br> + <div class="grid-20 wow flipInX zigzag" data-wow-delay="0.0s"> + <img src="img/star2.svg"> + </div> + <div class="grid-60"> + <img src="https://s3.amazonaws.com/luckyplop/8948ed1fed64cde19d58fd1d51942f43d050d6a3.png" class="wow flipInX" data-wow-delay="0.0s" style="width:100%"> + </div> + <div class="grid-20 wow flipInY zigzag" data-wow-delay="0.0s"> + <img src="img/star3.svg" style="padding-top: 100px;"> + </div> + <br clear="all"> + <div class="grid-20"> </div> + <div class="grid-55 chain wow flipInX" data-wow-delay="0.0s"> + <h2 data-lorem="2s"></h2> + </div> + <div class="grid-20 wow flipInY zigzag" data-wow-delay="0.0s"> + <img src="img/zigzag2.svg"> + </div> + </div> + <div class="grid-container"> + <br><br> + <div class="grid-40 wow flipInY zigzag" data-wow-delay="0.0s"> + <img src="img/zigzag2.svg"> + </div> + <div class="grid-60"> + <img src="https://s3.amazonaws.com/luckyplop/34624c14ca339b4dbb3aa4331f85161a9d573963.jpg" class="wow flipInY" data-wow-delay="0.0s" style="width:100%"> + </div> + <br clear="all"> + <div class="grid-40"> </div> + <div class="grid-55 chain wow flipInY" data-wow-delay="0.0s"> + <h2 data-lorem="2s"></h2> + </div> + </div> + </div> + <div class="black footer"> + <div class="grid-container"> + <div class="grid-30"> + <a href="http://www.datpiff.com/Gucci-Mane-Trap-Back-mixtape.305854.html" target="_blank">Trap Back</a><br> + <a href="http://www.datpiff.com/Gucci-Mane-Im-Up-mixtape.352397.html" target="_blank">I'm Up</a><br> + <a href="http://www.datpiff.com/Gucci-Mane-Trap-God-mixtape.391802.html" target="_blank">Trap God</a><br> + <a href="http://www.datpiff.com/Gucci-Mane-Trap-God-2-mixtape.453652.html" target="_blank">Trap God 2</a><br> + <a href="http://www.datpiff.com/Gucci-Mane-Diary-Of-A-Trap-God-mixtape.530763.html" target="_blank">Diary of a Trap God</a> + </div> + <div class="grid-55"> + <br> + <br> + <br> + Truly stupid paid<br> + That's just how I feel today + </div> + <div class="grid-15 right"> + <img src="img/globesmall.gif" class="globe"> + <br> + © Gucci Mane 1017 + </div> + </div> + </div> +--> +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> +<script src="js/lorem.js"></script> +<script src="js/wow.js"></script> +<script src="js/okgallery-1.3b.js"></script> +<script> + new WOW().init(); + $(".gucci-intro").click(function(){ + $("body,html").animate({ scrollTop: $('h1').first().offset().top }, 500) + }) + $(".gallery").okgallery({ + aspect: 2, + random: true, + autoplay: true, + dots: false, + delayTime: 1200, + }) +</script> +</body> +</html> + |