CSS Off 2013 - Tomas Dostal

Developer
Tomas Dostal
Size
5,507 Kb
Views
8,096
  1. CSS Off 2013 - Tomas Dostal Previews
  2. CSS Off 2013 - Tomas Dostal HTML Codes
  3. CSS Off 2013 - Tomas Dostal JS Codes

How do I make an css off 2013 - tomas dostal?

My submission to the CSS Off 2013. What is a css off 2013 - tomas dostal? How do you make a css off 2013 - tomas dostal? This script and codes were developed by Tomas Dostal on 16 December 2022, Friday.

CSS Off 2013 - Tomas Dostal Previews
IQ Test

CSS Off 2013 - Tomas Dostal - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS Off 2013 - Tomas Dostal</title>
</head>
<body> <!--[if (lt IE 9)|(IE 9)]><html lang="en" class="ie"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><html lang="en"><![endif]-->
<!--[if !IE]><html lang="en-US"><![endif]-->
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!-- Mobile Meta --> <meta name="viewport" content="maximum-scale=1.0,width=device-width,initial-scale=1.0,user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- Content Meta --> <meta content="Description" name="description"> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" /> <!-- CSS --> <link rel="stylesheet" type="text/css" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/main_2.css" /> <link rel="stylesheet" type="text/css" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/layout.css" /> <link rel="stylesheet" type="text/css" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/responsive.css" /> <!-- Fonts --> <link href='https://fonts.googleapis.com/css?family=Oswald|Lato:400,100,700|Lora:700italic,400italic|Merriweather:400,300,700' rel='stylesheet' type='text/css'> <!-- Scripts --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/jquery.visible.js"></script> <!--[if lt IE 9]> <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/html5.js"></script> <![endif]--> <title>CSSOff2013 by Tomas Dostal</title>
</head>
<body> <section class="header-wrap"> <div class="bg1"></div> <div class="bg2"></div> <header> <div class="container"> <div class="col12"> <h1>Css<span>Off</span></h1> <h3 class="volume-title font-lora">Volume 3 - September 2013</h3> </div> <div class="clearfix"></div> </div> </header> <section class="intro"> <div class="container"> <div class="col6 barbie"> <div class="box-art"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/barbie.png" alt="Barbie in a luxury box" /> </div> <h3 class="font-lora">Box Model</h3> <p class="font-lato">The Barbie doll was invented in 1959 by Ruth Handler (co-founder of Mattel), whose own daughter was called Barbara. Barbie was introduced to the world at the American Toy Fair in New York City. Barbie's job was teenage fashion doll. The full name of the first doll was Barbie Millicent Roberts, from Willows, Wisconsin.</p> </div> <div class="col6"> <article> <div class="main-img"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/article-kv.jpg" alt="Positioning relatives" /> <div class="shadow"></div> </div> <div class="content"> <div class="title"> <small>Feature</small> <h3>Positioning<br />Relatives</h3> </div> <p>In 1958, English pictorial photographer Henry Peach Robinson created the world’s first photomontage by combining five different negatives to make one complete print of a young girl on her deathbed. “Fading Away”—Robinson’s first and most famous composite photo—depicts a young girl dying of consumption and was controversial when it was exhibited, with many believing it was not a suitable subject for photography.</p> </div> </article> </div> <div class="clearfix"></div> </div> </section> </section> <section class="bullets"> <div class="container"> <div class="col2"> <h4>Staying afloat</h4> <p class="font-lato">Lobsterman John Aldridge fell into the shark-infested water of Long Island while his crewmates were asleep. He was kept afloat for more than 12 hours by his rubber boots, which he used as flotation devices. The coast guard rescued him 43 miles south of Montauk where he fell off his vessel.</p> <div class="boots"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/boots_1.png" alt="Ruber boots for rainy days" /> </div> </div> <div class="col10"> <h3 class="ammunition-title">List Style: Bullets. <small class="font-lato">A round-up of popular ammunition</small></h3> <ul class="no-bullets ammunition"> <li class="remington"> <div class="bullet"><div></div></div> <div class="specs"> <div class="size">.223</div> <div class="name">Remington</div> <div class="weight">69gr BTHP</div> </div> </li> <li class="winchester even"> <div class="bullet"><div></div></div> <div class="specs"> <div class="size">.308</div> <div class="name">Winchester</div> <div class="weight">168gr BTHP</div> </div> </li> <li class="russian"> <div class="bullet"><div></div></div> <div class="specs"> <div class="size">7.62x39mm</div> <div class="name">Russian</div> <div class="weight">154gr JSP</div> </div> </li> <li class="thumper even"> <div class="bullet"><div></div></div> <div class="specs"> <div class="size">7.62</div> <div class="name">Thumper</div> <div class="weight">220gr RN</div> </div> </li> <li class="last thumper thumper2"> <div class="bullet"><div></div></div> <div class="specs"> <div class="size">7.62</div> <div class="name">Thumper</div> <div class="weight">240gr BTHP</div> </div> </li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </section> <section class="blocks"> <div class="container"> <div class="col12"> <h2>Displaying (Famous) Blocks</h2> <div class="map-wrap"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/beatles.jpg" alt="Beatles walking up on Abbey Road" /> <a href="#" class="map-btn"></a> </div> <article> <p>Abbey Road is a thoroughfare located in the borough of Camden and the City of Westminster in London, running roughly northwest to southeast through St. John’s Wood, near Lord’s Cricket Ground. It is part of the B507. This road is best known for the Abbey Road Studios and the 1969 album, Abbey Road, by The Beatles.</p> <small class="courtesy">Photo: goo.gl/h44dc9</small> </article> </div> <div class="clearfix"></div> </div> </section> <section class="news"> <div class="container"> <div class="col9"> <article> <h2 class="title">Border Bottom Line</h2> <h3 class="sub-title">Awful immigration laws from around the world.</h3> <ul class="no-bullets"> <li><strong>Italy</strong> penalizes illegal immigrants with a fine of €5,000-10,000 and allows immigration officials to detain them for up to 6 months.</li> <li><span class="bullet">&bull;</span><strong>Switzerland</strong> immediately deports all convicted criminals from other countries and potentially even their family members.</li> <li><span class="bullet">&bull;</span><strong>Australia</strong> detains all non-citizens without a valid visa.</li> <li><span class="bullet">&bull;</span><strong>Japan</strong> is allowed to pay $3,000 to each unemployed Latin Americn immigrant of Japanese descent and $2,000 to each of that unemployed worker’s family members to return to their country of origin.</li> <li><span class="bullet">&bull;</span>The <strong>United Arab Emirates</strong> prohibits foreigners from engaging in any sort of labor union-like activity, resulting in harsh living conditions, 80-hour work weeks, back-breaking manual labor, and below-minimum-wage pay.</li> </ul> </article> </div> <div class="col3"> <aside class="transformers"> <ul class="no-bullets"> <li class="review"> <div class="box-art"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/90904/transformers.png" alt="Transformers DVD cover" /> </div> <div class="content"> <h3>Transformers <small>Revenge of the fallen</small></h3> <p class="font-lora">A noisy, underplotted, and overlong special effects extravaganza that lacks a human touch.</p> </div> <div class="clearfix"></div> </li> <li class="rating font-oswald"> <div class="label"> <small>Rotten Tomato</small> <strong>Rating</strong> </div> <div class="percentage">20%</div> <div class="progress"><div class="bar"></div></div> </li> <li class="schedule font-oswald"> <h4><div><span>World Premiere</span></div></h4> <div class="place">Den Haag theatre</div> <div class="country">The Netherlands</div> <div class="date">June 23, 2011</div> </li> </ul> <div class="clearfix"></div> <div class="circle"></div> </aside> </div> <div class="clearfix"></div> </div> </section> <section class="overflow"> <div class="container"> <div class="col12 font-lora"> <p class="first">On the night of Aug 8, 1975, a line of people frantically piled sandbags atop Henan Province's <strong>Banqiao Dam</strong> while being battered by the worst storm ever recorded in the region. They were in a race with the rapidly rising Ru River to save the dam and the millions of people that lay sleeping downstream. It was a race they were about to lose.</p> <div class="clearfix"></div> <p class="second">Just after 1:00 am, the sky cleared and stars emerged from behind the storm clouds. There was an eerie calm as someone yelled, "The water level is going down! The lood is retreating!"</p> <p class="third">There was little chance to enjoy that calm. One survivor recalled that a few seconds later it "sounded like the sky was collapsing and the earth was cracking". The equivalent of 280,000 Olympic-sized swimming pools burst through the crumbling dam, taking with it entire towns and as many as 171,000 lives.</p> </div> <div class="clearfix"></div> </div> </section> <footer> <div class="container"> <div class="col12"> <div class="copyright font-lato"><strong>2013 CSSOff</strong>, Volume 3</div> <div class="contact"> <strong>Route Gregory</strong>, Building 31<br /> 01630 Prévessin-Moëns, France<br /> <a href="callto:+41227676111">+41 22 767 61 11</a> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </footer>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

CSS Off 2013 - Tomas Dostal - Script Codes JS Codes

var win = $(window); var bullets = $(".ammunition .bullet"); var wrap = $('.bullets'); var time = 500; // Already visible modules bullets.each(function(i, el) { var el = $(el); if (el.visible(true)) { el.addClass("already-visible"); } }); // While scrolling win.scroll(function(event) { if (wrap.visible(true)){ bullets.each(function(i, el) { var el = $(el); if (el.visible(true)){ setTimeout(function(){el.addClass("come-in").fadeIn('fast');},time); time += 100; } }); } }); $(function(){ var mapIFrame = '<iframe src="https://mapsengine.google.com/map/embed?mid=zhr9bljSNfuc.kmuAMx9O_XqY"></iframe>'; $('.map-btn').click(function(e){ e.preventDefault(); $(this).hide(); $('.map-wrap').height($('.map-wrap img').height()); $('.map-wrap img').hide(200,function(){ $('.map-wrap').append($(mapIFrame)); }); }); });
CSS Off 2013 - Tomas Dostal - Script Codes
CSS Off 2013 - Tomas Dostal - Script Codes
Home Page Home
Developer Tomas Dostal
Username tomino
Uploaded December 16, 2022
Rating 3
Size 5,507 Kb
Views 8,096
Do you need developer help for CSS Off 2013 - Tomas Dostal?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tomas Dostal (tomino) Script Codes
Name
Colorful CSS3 Icons
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!