bpanicker13

<div class="video-background">
    <div class="video-foreground">
      <iframe src="https://www.youtube.com/embed/TRTLmZfG-Og?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=TRTLmZfG-Og" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>

<div id="vidtop-content">
<div class="vid-info">
	  <h1>Madiop Ndiaye</h1>
  <p>Nothing is given.<br>Everything is earned.<br>You work for what you have.</p>

bpanicker13

<link href="http://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet" type="text/css" />
<h1>Build your own
  <span
     class="txt-rotate"
     data-period="2000"
     data-rotate='[ "eCommerce Site.", "Web Application.", "IoT Device.", "Blog." ]'></span>
</h1>
<h2>Create Your Awesome Website with Synoval.</h2>

bpanicker13

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

bpanicker13

<div class='container'>

  <h1>SASS - Mixins with defaults</h1>
  <h2><span>Basic</span> - Getting Started</h2>

    <p id='mypara'>Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor <br>
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi</p>
 

bpanicker13

<div class='container'>

  <h1>SASS - Operators</h1>
  <h2><span>Basic</span> - Getting Started</h2>

  <p id='mypara'>Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi</p>
 
   

bpanicker13

<div class='container'>

  <h1>SASS - Mixins</h1>
  <h2><span>Basic</span> - Getting Started</h2>

  <p id='mypara'>Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor <br>
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi</p>
  

bpanicker13

<div class='container'>

  <h1>SASS - Mixins</h1>
  <h2><span>Basic</span> - Getting Started</h2>

  <p id='mypara'>Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor <br>
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi</p>
  

bpanicker13

<div class='container'>

  <h1>SASS - Nestings</h1>
  <h2><span>Basic</span> - Getting Started</h2>

  <p id='mypara'>Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor <br>
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi</p>
</div>

bpanicker13

<div class='container'>

  <h1>SASS - Variables</h1>
  <h2><span>Basic</span> - Getting Started</h2>

  <p id='mypara'>Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor <br>
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi</p>