gistfile1.txt

CSS:

@import url(http://fonts.googleapis.com/css?family=Quicksand);

.en .container {
   
background: #f2f2f2;
size: 100%;
}

body .en {

/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #D1D1D1 0%, #B0B0B0 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #D1D1D1 0%, #B0B0B0 100%);

/* Opera */
background-image: -o-linear-gradient(top, #D1D1D1 0%, #B0B0B0 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D1D1), color-stop(1, #B0B0B0));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #D1D1D1 0%, #B0B0B0 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #D1D1D1 0%, #B0B0B0 100%);

padding-top: 10px;
padding-bottom: 25px;


}



.container-fluid {
  background: #f2f2f2
}

.links {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
  position: relative;
  left: 110px;
}


a.link2 {
color: black !important;

}
p {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.5em;
}

.portfolioLinks {
  position: relative;
  left: 60px !important;
}

.footer {
  padding-bottom: 140px;
}

p.footer {
  position: center;
  bottom: 0px;
  font-size: 100em !important;
}


HTML:


<template name="en">
  <div class="en">
    <div class="container"> <!--siia vaja lisada kuidagi marginid//-->
        {{>header}}

    <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
            <div id="navbar" class="navbar-collapse collapse">
             <div class="links">
              <ul class="nav navbar-nav"> 
                <li><a href="{{pathFor 'portfolioRendered'}}" class="link2">Portfolio</a></li>
                <li><a href="{{pathFor 'about'}}" class="link2">About</a></li>
                <li><a href="{{pathFor 'contact'}}" class="link2">Contact</a></li>
              </ul>
            </div>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>



    <div class="portfolioLinks">
      <div class="row">

        <div class="col-md-2 col-cs-5">
          <a href="{{pathFor 'portfolioRendered' hash='logos'}}">
          <img src="img/logos.jpg" alt="Logos" height="160" width="160" /></a>
        </div>

        <div class="col-md-2 col-cs-5">
        <a href="{{pathFor 'portfolioRendered' hash='drawings'}}">
          <img src="img/drawings.jpg" alt="Drawings" height="160" width="160" /></a>
        </div>

        <div class="col-md-2 col-cs-5">
          <a href="{{pathFor 'portfolioRendered' hash='posters'}}">
          <img src="img/posters.jpg" alt="Posters" height="160" width="160" /></a>
        </div>

        <div class="col-md-2 col-cs-5">
          <a href="{{pathFor 'portfolioRendered' hash='banners'}}">
          <img src="img/banners.jpg" alt="Banners" height="160" width="160" /></a>
        </div>

        <div class="col-md-2 col-cs-5">
          <a href="{{pathFor 'portfolioRendered' hash='other'}}">
          <img src="img/other.jpg" alt="Other" height="160" width="160" /></a>
        </div>

      </div>
    </div>

    <footer class="footer">
      
      <p>Tere</p>
    </footer>




  </div>

  
  </div>

</template>