Difference between revisions of "Team:SVCE Chennai"

Line 1: Line 1:
−
<!--To change this license header, choose License Headers in Project Properties.
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
To change this template file, choose Tools | Templates
+
<head>
−
and open the template in the editor.
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
-->
+
<title>Fashionstyle By New-York-Lasik</title>
−
<!--
+
<meta name="keywords" content="Zine Green, CSS Templates, CSS, HTML" />
−
To change this license header, choose License Headers in Project Properties.
+
<meta name="description" content="Zine Green - free website template provided by templatemo.com" />
−
To change this template file, choose Tools | Templates
+
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
−
and open the template in the editor.
+
</head>
−
-->
+
<body>
−
<html>  
+
<div id="templatemo_wrapper">
−
  <!-- <head>
+
    <div id="templatemo_header">
−
        <title>Safety</title>
+
        <div id="site_title">
−
        <meta charset="UTF-8">
+
            <a href="#"><img src="images/templatmeo_logo.png" alt="css templates" />
−
        <meta name="viewport" content="width=device-width">
+
               
−
        <style>--><!--
+
            </a>
−
body{[[]]
+
        </div>
−
    margin: 0;
+
       
−
}
+
        <div id="templatemo_menu">
−
*
+
−
{
+
−
color: black;
+
−
}
+
−
 
+
−
.firstHeading{
+
−
  display: none;
+
−
}
+
−
#globalWrapper, #content{
+
−
  width: 100%;
+
−
  border: 0px;
+
−
margin: 0px;
+
−
  position: relative;
+
−
}
+
−
#header{
+
−
    margin-top: 0px;
+
−
  height: 150px;
+
−
//   background-color: rgba(0,0,0,1);
+
−
//position: fixed;
+
−
position:relative;
+
−
border:0px;
+
−
  width: 100%;
+
−
}
+
−
#header2{
+
−
    height: 120px;
+
−
  // background-color: rgba(0,0,0,1);
+
−
}
+
−
#head-name{
+
−
    // color: white;
+
−
    padding-left: 40%;
+
−
    padding-top: 20px;
+
−
    font-size: 30px;
+
−
    width: 300px;
+
−
    //float: left;
+
 
      
 
      
−
}
+
            <ul>
−
#head-list{
+
                <li><a href="#" target="_parent" class="current">Home</a></li>
−
    //color: white;
+
                <li><a href="#" target="_parent">Templates</a></li>
−
    padding-top: 30px;
+
                <li><a href="#" target="_parent">CSS Layouts</a></li>
−
    font-size: 20px;
+
                <li><a href="#" target="_parent">Gallery</a></li>
−
    padding-left: 3%
+
                <li><a href="#">Contact Us</a></li>
−
}
+
            </ul> 
−
@media screen and (max-width: 900px){
+
          
−
    #head-name{
+
         </div>
−
        width: 100%;
+
−
        padding-left: 40%;
+
−
        //text-align: center;
+
−
    }
+
−
    #head-list{
+
−
        padding-top: 30px;
+
−
    }
+
−
    ul{
+
−
         margin-left: 0px;
+
−
         padding-left: 2%;
+
−
    }
+
−
}
+
−
@media screen and (max-width: 300px){
+
−
    #head-list{
+
−
        padding-left: 10px;
+
−
    }
+
−
    ul{
+
−
        padding-left: 1%;
+
−
    }
+
−
}
+
−
#content{
+
−
+
−
    height: 600px;
+
−
}
+
−
ul{
+
−
    display: inline;
+
−
  // padding-left: 15%;
+
 
      
 
      
−
}
+
        <div class="cleaner"></div>
−
li{
+
     </div>
−
    display: inline;
+
−
     padding: 2%;
+
 
      
 
      
−
}
+
    <div id="templatemo_banner">
−
li:hover{
+
      
−
     color: #00ff00;
+
    <div id="about">
−
    cursor: pointer;
+
        <p>lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsumlorem ipsum,lorem ipsum,lorem ipsum <a href="#">more</a>....</p>
−
}
+
      </div>
−
         </style>
+
       
−
     </head>-->
+
         <div id="banner">
−
     <body>
+
       
−
<img src="logo traxion.png" width="161" height="168" alt="Logo">
+
        <h1>&nbsp;</h1>
−
        <!--<div id="header">
+
      </div>
−
             <div id="head-name">
+
   
−
                IGEM-SVCE
+
     </div>  
 +
   
 +
    <div id="templatemo_content_wrapper">
 +
      
 +
    <div class="templatemo_sidebar">
 +
       
 +
            <div class="sidebar_box">
 +
           
 +
                <h2>Search</h2>
 +
                             
 +
                <form action="#" method="get">
 +
                    <input type="text" value="Enter keyword here..." name="q" size="10" class="inputfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
 +
                    <input type="submit" name="Search" value="Search" alt="Search" class="submitbutton" title="Search" />
 +
                </form>
 +
              
 +
                <div class="cleaner"></div>
 
             </div>
 
             </div>
−
             <div id="head-list">
+
                           
−
                 <ul>
+
             <div class="sidebar_box">  
−
                    <a href="home.html" style="text-decoration: none; color: white;"> <li id="home">Home</li></a>
+
           
−
                     <a href="team.html" style="text-decoration: none; color: white;"> <li id="about1">Team</li></a>
+
                 <h2>Categories</h2>
−
                     <a href="project.html" style="text-decoration: none; color: white;"><li>Project</li></a>
+
                <ul class="side_menu">
−
                     <a href="parts.html" style="text-decoration: none; color: white;"><li>Parts</li></a>
+
                    <li><a href="#">Lorem ipsum dolor</a></li>
−
                     <a href="notebook.html" style="text-decoration: none; color: white;"><li>Notebook</li></a>
+
                     <li><a href="#">Cum sociis</a></li>
−
                     <a href="attribution.html" style="text-decoration: none; color: white;"><li>Attribution</li></a>
+
                    <li><a href="#">Donec quam</a></li>
−
                     <a href="collaboration.html" style="text-decoration: none; color: white;"><li>Collaboration</li></a>
+
                     <li><a href="#">Nulla consequat</a></li>
−
                     <a href="humanpractice.html" style="text-decoration: none; color: white;"><li>Human Practice</li></a>
+
                     <li><a href="#">In enim justo</a></li>
−
                     <li style="color: #00ff00;">Safety</li>
+
                     <li><a href="#">Aenean vulputate</a></li>
 +
                     <li><a href="#">Etiam ultricies</a></li>
 +
                     <li><a href="#">Nullam quis</a></li>
 +
                     <li><a href="#">Sed consequat</a></li>
 +
                     <li><a href="#">Cras dapibus</a></li>                  
 
                 </ul>
 
                 </ul>
 +
            </div> 
 +
           
 +
            <div class="sidebar_box">
 +
           
 +
                <h2>Archives</h2>
 +
                <ul class="side_menu">
 +
                    <li><a href="#">August 2048</a></li>
 +
                    <li><a href="#">July 2048</a></li>
 +
                    <li><a href="#">June 2048</a></li>
 +
                    <li><a href="#">May 2048</a></li>
 +
                    <li><a href="#">April 2048</a></li>
 +
                    <li><a href="#">March 2048</a></li>
 +
                    <li><a href="#">February 2048</a></li>
 +
                    <li><a href="#">January 2048</a></li>             
 +
                </ul>
 +
            </div> 
 +
       
 +
        </div>
 +
       
 +
        <div class="templatemo_sidebar">
 +
       
 +
        <div class="sidebar_box">
 +
           
 +
            <h2>Popular Posts</h2>
 +
              <ul class="side_menu">
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>
 +
                  <li><a href="#">Lorem ipsum</a></li>                   
 +
              </ul>
 +
            </div> 
 +
       
 +
            <div class="sidebar_box">
 +
                <h2>Hot News</h2>
 +
                               
 +
                <div class="news_box">
 +
                    <h3><a href="#">Lorem ipsum Lorem ipsum Lorem ipsum </a></h3>
 +
                    <p>Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum</p>
 +
                </div>
 +
               
 +
                <div class="news_box">
 +
                    <h3><a href="#">Lorem ipsumLorem ipsumLorem ipsumLorem ipsum</a></h3>
 +
                    <p>Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum</p>
 +
                </div>
 +
               
 +
                <div class="news_box">
 +
                    <h3><a href="#">Lorem ipsumLorem ipsumLorem ipsumLorem ipsum</a></h3>
 +
                    <p>Lorem ipsumLorem ipsumLorem ipsumLorem i</p>
 +
                </div>
 +
               
 +
                <div class="news_box">
 +
                    <h3><a href="#"> Lorem ipsumLorem ipsumLorem ipsumLorem ipsum</a></h3>
 +
                    <p>Lorem ipsumLorem ipsumLorem ipsumLorem </p>
 +
                </div>
 +
            </div>
 +
       
 +
        </div>
 +
       
 +
        <div id="templatemo_content">
 +
       
 +
            <div class="post_section">
 +
           
 +
                <h2>Welcome to The Fashionstyle </h2>
 +
 +
                Wednesday, May 4, 2011 <a href="#" target="_parent"></a>
 +
               
 +
                <img src="images/templatemo_image_01.jpg" alt="image" />
 +
                <p><strong>Fashionstyle</strong> is a free, tableless, W3C-compliant web design layout by New York Lasik . This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.</p>
 +
                <p>We only ask you to not remove &quot;Lasik Eye Surgery&quot; and the link http://www.worldclasslasik.com/lasik/new-york-lasik from the footer of the template.</p>
 +
                <a href="#" class="more">Continue reading...</a> | <a href="#" class="comment">Comments (225)</a>
 +
   
 
             </div>
 
             </div>
−
         </div>-->
+
                   
−
     </body>
+
            <div class="post_section">
 +
           
 +
                <h2>Lorem ipsum </h2>
 +
               
 +
Wednesday, May 4, 2011 <a href="#" target="_parent"></a>
 +
                   
 +
                <img src="images/templatemo_image_02.jpg" alt="image" />
 +
                   
 +
                <p>lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsumlorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum.</p>
 +
                   
 +
                <a href="#">Continue reading...</a> | <a href="#">Comments (145)</a>
 +
         
 +
            </div> 
 +
       
 +
         </div>
 +
       
 +
        <div class="cleaner"></div>
 +
   
 +
    </div>
 +
       
 +
</div>
 +
 
 +
<div id="templatemo_footer_wrapper">
 +
    <div id="templatemo_footer">
 +
   
 +
    <div class="section_w180px">
 +
        <h3>Services</h3>
 +
        <ul class="footer_menu_list">
 +
            <li><a href="#">Lorem ipsum </a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#"></a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#"></a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
            </ul>
 +
        </div>
 +
       
 +
        <div class="section_w180px">
 +
        <h3>About</h3>
 +
        <ul class="footer_menu_list">
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
            <li><a href="#">Lorem ipsum dolor</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>             
 +
            </ul>
 +
        </div>
 +
       
 +
        <div class="section_w180px">
 +
<h3>Friends</h3>       
 +
        <ul class="footer_menu_list">
 +
            <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>               
 +
            </ul>
 +
        </div>
 +
       
 +
        <div class="section_w180px">
 +
<h3>Conatct Us</h3>       
 +
        <ul class="footer_menu_list">
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>   
 +
            <li><a href="#">Lorem ipsum</a></li>
 +
                <li><a href="#">Lorem ipsum</a></li>             
 +
            </ul>
 +
        </div>
 +
       
 +
        <div class="section_w180px">
 +
<h3>XHTML/CSS Validators</h3>       
 +
        <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
 +
                <div class="margin_bottom_10"></div>
 +
    <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
 +
        </div>
 +
       
 +
    <div class="margin_bottom_20"></div>
 +
       
 +
        Designed by :<a href="http://www.worldclasslasik.com/lasik/new-york-lasik">Lasik Eye Surgery</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a>     
 +
     </div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 10:20, 3 September 2015

Fashionstyle By New-York-Lasik

lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsumlorem ipsum,lorem ipsum,lorem ipsum more....

Search

Categories

Archives

Popular Posts

Hot News

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem i

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem

Welcome to The Fashionstyle

Wednesday, May 4, 2011 image

Fashionstyle is a free, tableless, W3C-compliant web design layout by New York Lasik . This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.

We only ask you to not remove "Lasik Eye Surgery" and the link http://www.worldclasslasik.com/lasik/new-york-lasik from the footer of the template.

Continue reading... | Comments (225)

Lorem ipsum

Wednesday, May 4, 2011 image

lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum,lorem ipsumlorem ipsum,lorem ipsum,lorem ipsum,lorem ipsum.

Continue reading... | Comments (145)