Difference between revisions of "Team:BIT/Interlab/test"

Line 1: Line 1:
  
<!DOCTYPE html>
 
<!--
 
Template Name: Jeren
 
Author: <a href="https://www.os-templates.com/">OS Templates</a>
 
Author URI: https://www.os-templates.com/
 
Licence: Free to use under our free template licence terms
 
Licence URI: https://www.os-templates.com/template-terms
 
-->
 
<html lang="">
 
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->
 
<head>
 
<title>Jeren | Pages | Basic Grid</title>
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
<link href="../layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
 
<style type="text/css">
 
/* DEMO ONLY */
 
.container .demo{text-align:center;}
 
.container .demo div{padding:8px 0;}
 
.container .demo div:nth-child(odd){color:#FFFFFF; background:#CCCCCC;}
 
.container .demo div:nth-child(even){color:#FFFFFF; background:#979797;}
 
@media screen and (max-width:900px){.container .demo div{margin-bottom:0;}}
 
/* DEMO ONLY */
 
</style>
 
</head>
 
 
<body id="top">
 
<body id="top">
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->

Revision as of 07:25, 20 July 2018

<body id="top">

  • +00 (123) 456 7890
  • info@domain.com
  • <a href="#"></a>
  • <a href="#">About</a>
  • <a href="#">Contact</a>
  • <a href="#">Login</a>
  • <a href="#">Register</a>
 <header id="header" class="hoc clear"> 
   <nav id="mainav" class="fl_right">
  • <a href="../index.html">Home</a>
  • <a class="drop" href="#">Pages</a>
    • <a href="gallery.html">Gallery</a>
    • <a href="full-width.html">Full Width</a>
    • <a href="sidebar-left.html">Sidebar Left</a>
    • <a href="sidebar-right.html">Sidebar Right</a>
    • <a href="basic-grid.html">Basic Grid</a>
  • <a class="drop" href="#">Dropdown</a>
    • <a href="#">Level 2</a>
    • <a class="drop" href="#">Level 2 + Drop</a>
      • <a href="#">Level 3</a>
      • <a href="#">Level 3</a>
      • <a href="#">Level 3</a>
    • <a href="#">Level 2</a>
  • <a href="#">Link Text</a>
  • <a href="#">Link Text</a>
   </nav>
 </header>
 <main class="hoc container clear"> 

Half

1/2
1/2

Quarter

1/4
1/4
1/4
1/4
1/4
1/4
2/4 or 1/2
1/4
3/4

Third

1/3
1/3
1/3
1/3
2/3
 </main>
 <footer id="footer" class="hoc clear"> 
Risus lacus ut lectus
  • <a class="faicon-facebook" href="#"></a>
  • <a class="faicon-twitter" href="#"></a>
  • <a class="faicon-dribble" href="#"></a>
  • <a class="faicon-linkedin" href="#"></a>
  • <a class="faicon-google-plus" href="#"></a>
  • <a class="faicon-vk" href="#"></a>
Massa consequat tellus
Praesent porttitor pulvinar

Ligula euismod lacinia eget hendrerit nunc mauris ultrices mauris vel.

     <form method="post" action="#">
       <fieldset>
         <legend>Newsletter:</legend>
         <input class="btmspace-15" type="text" value="" placeholder="Name">
         <input class="btmspace-15" type="text" value="" placeholder="Email">
         <button type="submit" value="submit">Submit</button>
       </fieldset>
     </form>
 </footer>

<a id="backtotop" href="#top"></a> <script src="../layout/scripts/jquery.min.js"></script> <script src="../layout/scripts/jquery.backtotop.js"></script> <script src="../layout/scripts/jquery.mobilemenu.js"></script> </body> </html>