Skip to content

Instantly share code, notes, and snippets.

@kellishouts

kellishouts/scss-day-index.html

Created December 19, 2015 17:52
Show Gist options
  • Save kellishouts/500e4f062f6087843f27 to your computer and use it in GitHub Desktop.
Save kellishouts/500e4f062f6087843f27 to your computer and use it in GitHub Desktop.
Download ZIP
SCSS Day
Raw
scss-day-index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SCSS Day</title>
<link href='https://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed:300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="block block-title">
<h1>I Love SCSS!</h1>
</div>
<div class="block block-intro">
<h2>Why I Love SCSS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, obcaecati eligendi. Explicabo expedita, incidunt ut, vero iusto reiciendis ipsam asperiores eum sit. Dolorem, praesentium vero velit? Nulla sed quos hic?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias modi sunt sint ut nulla nihil corporis eos consequatur explicabo, doloremque iste nesciunt cumque harum rem voluptatem quibusdam adipisci error obcaecati.</p>
</div>
<div class="block block-animals">
<div class="feature feature-cat">
<h2>Cat</h2>
<p>Lorem ipsum dolor sit ametuaerat, obcaecati eligendi. Explicabo expedita, incidunt ut?</p>
<img src="http://placehold.it/500x400/" alt="A Cat">
<p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="feature feature-dog">
<h2>Dog</h2>
<p>Lero iusto reiciendis ipsam asperiores eum sit. Dolorem, praesentium vero velit? Nulla sed quos hic?</p>
<img src="http://placehold.it/500x400/" alt="A Dog">
<p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="feature feature-fish">
<h2>Fish</h2>
<p>Lorem ipsum dolor sit amet hic?</p>
<img src="http://placehold.it/500x400/" alt="A Dog">
<p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="feature feature-cat">
<h2>Hamster</h2>
<p>Lorem ipsum dolor sit ametuaerat, obcaecati eligendi. Explicabo expedita, incidunt ut?</p>
<img src="http://placehold.it/500x400/" alt="A Cat">
<p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="feature feature-dog">
<h2>Bird</h2>
<p>Lero iusto reiciendis ipsam asperiores eum sit. Dolorem, praesentium vero velit? Nulla sed quos hic?</p>
<img src="http://placehold.it/500x400/" alt="A Dog">
<p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="feature feature-fish">
<h2>Bunny</h2>
<p>Lorem ipsum dolor sit amet hic?</p>
<img src="http://placehold.it/500x400/" alt="A Dog">
<p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment