Team:Ciencias-UNAM/Team

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
    <meta name="description" content="Project Description" />
+
<link rel="stylesheet" type="text/css" href="http://ceacatlan.com/ciencias/style.css" />
-
    <meta name="keywords" content="Project Keywords" />
+
<title>Multi-Blue by Bryant Smith</title>
-
    <title>Dilasag</title>
+
-
    <link href="http://ceacatlan.com/ciencias/css/style.css" rel="stylesheet" type="text/css" />
+
-
<link href="http://ceacatlan.com/ciencias/css/nivo-slider.css" rel="stylesheet" type="text/css" />
+
-
    <!--[if IE]><link href="css/style-ie.css" rel="stylesheet" type="text/css" /><![endif]-->
+
-
<script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery-1.7.1.min.js"></script>
+
-
<script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.nivo.slider.pack.js"></script>
+
-
<script type="text/javascript">
+
-
$(window).load(function() {
+
-
$('#slider').nivoSlider({
+
-
directionNav: false
+
-
});
+
-
});
+
-
</script>
+
-
 
+
-
<style>
+
-
@charset "utf-8";
+
-
/*This kills the IGEM*/
+
-
#top-section {
+
-
 
+
-
  height: 100px;
+
-
  border: none;
+
-
  height:20px
+
-
}
+
-
#p-logo {
+
-
  position: absolute;
+
-
  display: none;
+
-
 
+
-
}
+
-
#footer-box {
+
-
display:none;
+
-
}
+
-
#search-controls {
+
-
  display: none;
+
-
}
+
-
#content {
+
-
    background: none repeat scroll 0 0 transparent;
+
-
    border-left: 0 solid;
+
-
    border-right: 0 solid;
+
-
}
+
-
#content{
+
-
    width: 80%;
+
-
}
+
-
/*Do not remove*/
+
-
 
+
-
</style>
+
</head>
</head>
<body>
<body>
-
 
+
    <div id="page">
-
<div id="wrapper">
+
      <div id="pagetop">
-
<div id="header">
+
<h1>Multi-Blue</h1>
-
<div class="container">
+
        <div class="links">  
-
<h1>
+
            <ul>
-
<a href="index.html" title="Dilasag">Dilasag</a>
+
            <li><a href="#">Home</a></li>
-
</h1>
+
              <li><a href="#">Team</a></li>
-
<ul class="menu fr">
+
                <li><a href="#">Project</a></li>
-
<li class="active"><a href="index.html" title="Home">Home</a></li>
+
                <li><a href="#">Parts</a></li>
-
<li><a href="about.html" title="About">About</a></li>
+
                <li><a href="#">Modeling</a></li>
-
<li><a href="gallery.html" title="Gallery">Gallery</a></li>
+
                <li><a href="#">Safety</a></li>
-
<li><a href="blog.html" title="Blog">Blog</a></li>
+
                <li><a href="#">Attribution</a></li>
-
<li><a href="contact-us.html" title="Contact Us">Contact Us</a></li>
+
            </ul>
-
</ul>
+
        </div>
-
</div>
+
    </div>
-
</div><!-- // end #header -->
+
       
-
 
+
        <div id="header">   Insert slogan here, or leave it blank.    </div>
-
<div id="main">
+
 
-
<div class="container">
+
<div id="main">
-
<div id="slideshow">
+
<div class="content">
-
<div id="slider" class="theme-default">
+
        <div class="main_top">
-
<img src="http://ceacatlan.com/ciencias/images/slideshow/slideshow-1.jpg" alt="Slideshow Image" />
+
            <h1>Page Title</h1>
-
<img src="http://ceacatlan.com/ciencias/images/slideshow/slideshow-2.jpg" alt="Slideshow Image" />
+
            </div>
-
<img src="http://ceacatlan.com/ciencias/images/slideshow/slideshow-3.jpg" alt="Slideshow Image" />
+
           
-
<img src="http://ceacatlan.com/ciencias/images/slideshow/slideshow-4.jpg" alt="Slideshow Image" />
+
          <div class="main_body">
-
</div>
+
                <p>This template uses a H1 tags for the titles of each page, (or sub titles if you prefer) and paragraphs to separate the content. </p>
-
</div><!-- // end #slideshow -->
+
               
-
<div class="intro">
+
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas est mi, consequat eu viverra vel, mattis quis risus. Sed iaculis nunc a enim malesuada vel ornare ante euismod. Donec euismod, enim malesuada gravida sollicitudin, mauris ante commodo massa, a egestas leo erat at lorem. Aenean justo sapien, porta tempor placerat in, iaculis id leo. Quisque non erat ut nibh semper feugiat hendrerit sed neque. Vestibulum eget lectus a erat accumsan ornare non sed nulla. Vestibulum vitae turpis vitae dolor hendrerit pretium quis in odio. Praesent scelerisque, purus ut venenatis elementum, nisl felis ultrices ante, vitae rhoncus lacus massa ut enim. In sed mi arcu. Quisque ultricies pellentesque velit, feugiat viverra est pharetra ac. Quisque id risus eget mi gravida vehicula eget in neque. Integer consectetur, mauris a venenatis dictum, nibh urna tincidunt purus, eu rhoncus ligula erat ac eros. Integer vehicula, arcu a adipiscing sollicitudin, neque erat mollis risus, eget porttitor magna ligula ac justo. Nullam lobortis tortor vitae erat commodo sodales eget non velit. Duis erat tellus, cursus eu egestas id, auctor sit amet lectus. Suspendisse pellentesque ante a leo dignissim at dignissim nibh consectetur. Vestibulum feugiat mattis velit eu luctus. Aliquam nulla leo, ullamcorper feugiat posuere vitae, fringilla eu nibh. </p>
-
<p>Dilasag Aurora, More Adventure More Fun!</p>
+
               
-
</div><!-- // end .intro -->
+
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas est mi, consequat eu viverra vel, mattis quis risus. Sed iaculis nunc a enim malesuada vel ornare ante euismod. Donec euismod, enim malesuada gravida sollicitudin, mauris ante commodo massa, a egestas leo erat at lorem. Aenean justo sapien, porta tempor placerat in, iaculis id leo. Quisque non erat ut nibh semper feugiat hendrerit sed neque. Vestibulum eget lectus a erat accumsan ornare non sed nulla. Vestibulum vitae turpis vitae dolor hendrerit pretium quis in odio. Praesent scelerisque, purus ut venenatis elementum, nisl felis ultrices ante, vitae rhoncus lacus massa ut enim. In sed mi arcu. Quisque ultricies pellentesque velit, feugiat viverra est pharetra ac. Quisque id risus eget mi gravida vehicula eget in neque. Integer consectetur, mauris a venenatis dictum, nibh urna tincidunt purus, eu rhoncus ligula erat ac eros. Integer vehicula, arcu a adipiscing sollicitudin, neque erat mollis risus, eget porttitor magna ligula ac justo. Nullam lobortis tortor vitae erat commodo sodales eget non velit. Duis erat tellus, cursus eu egestas id, auctor sit amet lectus. Suspendisse pellentesque ante a leo dignissim at dignissim nibh consectetur. Vestibulum feugiat mattis velit eu luctus. Aliquam nulla leo, ullamcorper feugiat posuere vitae, fringilla eu nibh. </p>
-
<div id="about" class="clearfix">
+
            </div>
-
<div class="column">
+
           
-
<h2>Tourist Spots</h2>
+
</div>
-
<div class="image"><img src="images/article/article-thumb-1.jpg" alt="Article Image" /></div>
+
            <div class="clear">&nbsp;</div>
-
<p>Canawer one of the best outdoor destinations in Dilasag decorated with fine white sand, colorful coral reefs and diverse marine life.</p>
+
        </div>
-
</div>
+
-
<div class="column">
+
-
<h2>Fresh Seafoods</h2>
+
-
<div class="image"><img src="images/article/article-thumb-2.jpg" alt="Article Image" /></div>
+
-
<p>Enjoy the goodness of the sea as we give you the various kind of fresh sea-foods in the perimeter of Dilasag town.</p>
+
-
</div>
+
-
<div class="column">
+
-
<h2>Handy Crafts</h2>
+
-
<div class="image"><img src="images/article/article-thumb-3.jpg" alt="Article Image" /></div>
+
-
<p>Well-polished handy crafts from various raw materials will give you a totally unique style and design.</p>
+
-
</div>
+
-
<div class="column last">
+
-
<h2>Adventures</h2>
+
-
<div class="image"><img src="images/article/article-thumb-4.jpg" alt="Article Image" /></div>
+
-
<p>Adventures are few steps from the town proper. Surfing, biking and scuba diving are the most exciting adventures you can have in Dilasag.</p>
+
-
</div>
+
-
</div><!-- // end #articles -->
+
-
</div>
+
-
<div class="push"></div>
+
-
</div><!-- // end #main -->
+
-
</div>
+
-
 
+
<div id="footer">
<div id="footer">
-
<div class="container">
+
        <p>
-
<ul class="menu fl">
+
        <a href="http://www.bryantsmith.com/template">xhtml template</a> by <a href="http://www.bryantsmith.com">web page designer</a></p>
-
<li class="active"><a href="index.html" title="Home">Home</a></li>
+
        </div>      
-
<li><a href="about.html" title="About">About</a></li>
+
       
-
<li><a href="gallery.html" title="Gallery">Gallery</a></li>
+
       
-
<li><a href="blog.html" title="Blog">Blog</a></li>
+
       
-
<li><a href="contact-us.html" title="Contact Us">Contact Us</a></li>
+
        </div>
-
</ul>
+
-
<p>&copy; dkntemplates 2012 Dilasag | <a href="http://www.dkntemplates.com">www.dkntemplates.com</a></p>
+
-
</div>
+
-
</div><!-- // end #fppter -->
+
-
+
-
+
</body>
</body>
</html>
</html>

Revision as of 06:35, 26 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Multi-Blue by Bryant Smith

Page Title

This template uses a H1 tags for the titles of each page, (or sub titles if you prefer) and paragraphs to separate the content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas est mi, consequat eu viverra vel, mattis quis risus. Sed iaculis nunc a enim malesuada vel ornare ante euismod. Donec euismod, enim malesuada gravida sollicitudin, mauris ante commodo massa, a egestas leo erat at lorem. Aenean justo sapien, porta tempor placerat in, iaculis id leo. Quisque non erat ut nibh semper feugiat hendrerit sed neque. Vestibulum eget lectus a erat accumsan ornare non sed nulla. Vestibulum vitae turpis vitae dolor hendrerit pretium quis in odio. Praesent scelerisque, purus ut venenatis elementum, nisl felis ultrices ante, vitae rhoncus lacus massa ut enim. In sed mi arcu. Quisque ultricies pellentesque velit, feugiat viverra est pharetra ac. Quisque id risus eget mi gravida vehicula eget in neque. Integer consectetur, mauris a venenatis dictum, nibh urna tincidunt purus, eu rhoncus ligula erat ac eros. Integer vehicula, arcu a adipiscing sollicitudin, neque erat mollis risus, eget porttitor magna ligula ac justo. Nullam lobortis tortor vitae erat commodo sodales eget non velit. Duis erat tellus, cursus eu egestas id, auctor sit amet lectus. Suspendisse pellentesque ante a leo dignissim at dignissim nibh consectetur. Vestibulum feugiat mattis velit eu luctus. Aliquam nulla leo, ullamcorper feugiat posuere vitae, fringilla eu nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas est mi, consequat eu viverra vel, mattis quis risus. Sed iaculis nunc a enim malesuada vel ornare ante euismod. Donec euismod, enim malesuada gravida sollicitudin, mauris ante commodo massa, a egestas leo erat at lorem. Aenean justo sapien, porta tempor placerat in, iaculis id leo. Quisque non erat ut nibh semper feugiat hendrerit sed neque. Vestibulum eget lectus a erat accumsan ornare non sed nulla. Vestibulum vitae turpis vitae dolor hendrerit pretium quis in odio. Praesent scelerisque, purus ut venenatis elementum, nisl felis ultrices ante, vitae rhoncus lacus massa ut enim. In sed mi arcu. Quisque ultricies pellentesque velit, feugiat viverra est pharetra ac. Quisque id risus eget mi gravida vehicula eget in neque. Integer consectetur, mauris a venenatis dictum, nibh urna tincidunt purus, eu rhoncus ligula erat ac eros. Integer vehicula, arcu a adipiscing sollicitudin, neque erat mollis risus, eget porttitor magna ligula ac justo. Nullam lobortis tortor vitae erat commodo sodales eget non velit. Duis erat tellus, cursus eu egestas id, auctor sit amet lectus. Suspendisse pellentesque ante a leo dignissim at dignissim nibh consectetur. Vestibulum feugiat mattis velit eu luctus. Aliquam nulla leo, ullamcorper feugiat posuere vitae, fringilla eu nibh.

 

Retrieved from "http://2012.igem.org/Team:Ciencias-UNAM/Team"