serradura · December 12, 2016 20:39
diff --git a/estilis.css b/estilis.css
 body.mussum hr.primary {
  margin: 0;
  background-color: #A846A0;
  height: 10px;
  border: 0;
 }
 body.mussum hr.secondary {
  margin: 0;
  background-color: #23CE6B;
  height: 10px;
  border: 0;
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Lorem ipsum generators | Home</title>
    <style media="screen">
      body {
        background-color: #272D2D;
        color: #F6F8FF;
        font-family: sans-serif;
        padding: 5rem;
      }
      a {
        color: #F6F8FF;
      }
      h1, h2, p {
        margin-bottom: 1rem;
      }
      .thebest {
        color: #23CE6B;
      }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.0.0/turbolinks.min.js"></script>
    <script type="text/javascript">
      Turbolinks.start();
    </script>
  </head>
  <body>
    <h1>Lorem ipsum generators</h1>
    
    <p>
      <a href="/lorem-ipsum.html">Lorem ipsum</a>
    </p>
    
    <p>
      <a href="/mussum-ipsum.html">Mussum ipsum</a>
      <strong class="thebest">(Best choice!)</strong>
    </p>
  </body>
 </html>
diff --git a/lorem-ipsum.html b/lorem-ipsum.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Lorem ipsum generators | Lorem Ipsum</title>
    <link rel="stylesheet" href="/style.css">
  </head>
  <body class="lorem">
    <p>
      <a href="/">Back to home</a>
    </p>

    <h1>Lorem Ipsum</h1>

    <p>
      Go to <a href="http://br.lipsum.com/">generator</a>
    </p>

    <h2>Example</h2>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius odio id tellus sodales, auctor varius eros commodo. Vivamus laoreet massa at diam accumsan efficitur. Nulla fringilla quam non diam faucibus blandit. Sed in consequat odio. Aliquam magna ipsum, facilisis id scelerisque in, pulvinar nec nisi. In massa dolor, ornare ac sollicitudin pulvinar, ullamcorper eget ex. Aliquam quis ligula vitae justo ultrices fermentum. Morbi vulputate convallis tristique. Pellentesque id nulla laoreet, lobortis est sit amet, malesuada orci. Integer aliquam metus elementum, malesuada erat ac, commodo mauris. Cras vel ipsum rutrum, pulvinar neque eu, ultrices lacus.
    </p>
  </body>
 </html>
diff --git a/mussum-ipsum b/mussum-ipsum
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Lorem ipsum generators | Mussum Ipsum</title>
    <link rel="stylesheet" href="/estilis.css">
  </head>
  <body class="mussum">
    <p>
      <a href="/">Béquis tu homis</a>
    </p>

    <h1 class="thebest">Mussum Ipsum</h1>

    <hr class="primary">
    <hr class="secondary">

    <p>
      Gol tu <a href="http://mussumipsum.com/">geneireitis</a>
    </p>

    <h2>Exemplis</h2>
    <p>
      Mussum Ipsum, cacilds vidis litro abertis. Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Si u mundo tá muito paradis? Toma um mé que o mundo vai girarzis!  Delegadis gente finis, bibendum egestas augue arcu ut est. Quem num gosta di mé, boa gente num é.
    </p>
  </body>
 </html>
diff --git a/style.css b/style.css
 body.lorem  {
  font-family: serif;
 }

 body.lorem a {
  color: #A846A0;
 }
	body.mussum hr.primary {
	margin: 0;
	background-color: #A846A0;
	height: 10px;
	border: 0;
	}
	body.mussum hr.secondary {
	margin: 0;
	background-color: #23CE6B;
	height: 10px;
	border: 0;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Lorem ipsum generators \| Home</title>
	<style media="screen">
	body {
	background-color: #272D2D;
	color: #F6F8FF;
	font-family: sans-serif;
	padding: 5rem;
	}
	a {
	color: #F6F8FF;
	}
	h1, h2, p {
	margin-bottom: 1rem;
	}
	.thebest {
	color: #23CE6B;
	}
	</style>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.0.0/turbolinks.min.js"></script>
	<script type="text/javascript">
	Turbolinks.start();
	</script>
	</head>
	<body>
	<h1>Lorem ipsum generators</h1>

	<p>
	<a href="/lorem-ipsum.html">Lorem ipsum</a>
	</p>

	<p>
	<a href="/mussum-ipsum.html">Mussum ipsum</a>
	<strong class="thebest">(Best choice!)</strong>
	</p>
	</body>
	</html>
	body.lorem {
	font-family: serif;
	}

	body.lorem a {
	color: #A846A0;
	}