陳沛鴻 Home1 templatemo 378 dragonfly index7

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<pre class="xml" style="border: 1px solid #b4d0dc; background-color: #ecf8ff;">{{:陳沛鴻_Styling_tricks}}
+
{{:陳沛鴻_Styling_tricks}}
-
<span style="color:#7F0055; font-weight: bold; ">&#60;html&#62;</span>
+
<html>
-
<span style="color:#3F7F5F; ">&#60;!--[if lt IE 7]&#62;      &#60;html class=&#34;no-js lt-ie9 lt-ie8 lt-ie7&#34;&#62; &#60;![endif]--&#62;</span>
+
<head>
-
<span style="color:#3F7F5F; ">&#60;!--[if IE 7]&#62;        &#60;html class=&#34;no-js lt-ie9 lt-ie8&#34;&#62; &#60;![endif]--&#62;</span>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<span style="color:#3F7F5F; ">&#60;!--[if IE 8]&#62;        &#60;html class=&#34;no-js lt-ie9&#34;&#62; &#60;![endif]--&#62;</span>
+
<title>Dragonfly, free website template</title>
-
<span style="color:#3F7F5F; ">&#60;!--[if gt IE 8]&#62;&#60;!--&#62;</span> <span style="color:#7F0055; font-weight: bold; ">&#60;html</span> class=<span style="color:#2A00FF; ">&#34;no-js&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span> <span style="color:#3F7F5F; ">&#60;!--&#60;![endif]--&#62;</span>
+
<meta name="keywords" content="dragonfly, free website templates, one page layout, jquery" />
-
<span style="color:#7F0055; font-weight: bold; ">&#60;head&#62;</span>
+
<meta name="description" content="Dragonfly is one-page layout using jQuery and it is free website template from templatemo.com" />
-
<span style="color:#7F0055; font-weight: bold; ">&#60;meta</span> http-equiv=<span style="color:#2A00FF; ">&#34;Content-Type&#34;</span> content=<span style="color:#2A00FF; ">&#34;text/html; charset=utf-8&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
-
<span style="color:#7F0055; font-weight: bold; ">&#60;title&#62;</span>Dragonfly, free website template<span style="color:#7F0055; font-weight: bold; ">&#60;/title&#62;</span>
+
-
<span style="color:#7F0055; font-weight: bold; ">&#60;meta</span> name=<span style="color:#2A00FF; ">&#34;keywords&#34;</span> content=<span style="color:#2A00FF; ">&#34;dragonfly, free website templates, one page layout, jquery&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
-
<span style="color:#7F0055; font-weight: bold; ">&#60;meta</span> name=<span style="color:#2A00FF; ">&#34;description&#34;</span> content=<span style="color:#2A00FF; ">&#34;Dragonfly is one-page layout using jQuery and it is free website template from templatemo.com&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
-
<span style="color:#7F0055; font-weight: bold; ">&#60;link</span> href=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Reset_CSS?action=raw&#38;ctype=text/css&#34;</span> type=<span style="color:#2A00FF; ">&#34;text/css&#34;</span> rel=<span style="color:#2A00FF; ">&#34;stylesheet&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
<link href="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_templatemo_style1?action=raw&ctype=text/css" type="text/css" rel="stylesheet" />  
-
 
+
<script type="text/javascript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.min?action=raw&ctype=text/javascript"></script>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;link</span> href=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_templatemo_style1?action=raw&#38;ctype=text/css&#34;</span> type=<span style="color:#2A00FF; ">&#34;text/css&#34;</span> rel=<span style="color:#2A00FF; ">&#34;stylesheet&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>  
+
<script type="text/javascript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.scrollTo-min?action=raw&ctype=text/javascript"></script>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.min?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>  
+
<script type="text/javascript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.localscroll-min?action=raw&ctype=text/javascript"></script>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.scrollTo-min?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>  
+
<script type="text/javascript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_init?action=raw&ctype=text/javascript"></script>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.localscroll-min?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>  
+
-
<span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_init?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>  
+
      
      
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;link</span> rel=<span style="color:#2A00FF; ">&#34;stylesheet&#34;</span> href=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_css?action=raw&#38;ctype=text/css&#34;</span> type=<span style="color:#2A00FF; ">&#34;text/css&#34;</span> media=<span style="color:#2A00FF; ">&#34;screen&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>  
+
     <link rel="stylesheet" href="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_css?action=raw&ctype=text/css" type="text/css" media="screen" />  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/JavaScript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_js?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>  
+
<script type="text/JavaScript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_js?action=raw&ctype=text/javascript"></script>  
   
   
Line 27: Line 21:
-
<span style="color:#7F0055; font-weight: bold; ">&#60;link</span> rel=<span style="color:#2A00FF; ">&#34;stylesheet&#34;</span> href=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_orman?action=raw&#38;ctype=text/css&#34;</span> type=<span style="color:#2A00FF; ">&#34;text/css&#34;</span> media=<span style="color:#2A00FF; ">&#34;screen&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
<link rel="stylesheet" href="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_orman?action=raw&ctype=text/css" type="text/css" media="screen" />
-
<span style="color:#7F0055; font-weight: bold; ">&#60;link</span> rel=<span style="color:#2A00FF; ">&#34;stylesheet&#34;</span> href=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_nivo-slider?action=raw&#38;ctype=text/css&#34;</span> type=<span style="color:#2A00FF; ">&#34;text/css&#34;</span> media=<span style="color:#2A00FF; ">&#34;screen&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
<link rel="stylesheet" href="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_nivo-slider?action=raw&ctype=text/css" type="text/css" media="screen" />
-
<span style="color:#7F0055; font-weight: bold; ">&#60;/head&#62;</span>  
+
</head>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;body&#62;</span>  
+
<body>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;templatemo_wrapper&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
<div id="templatemo_wrapper">
-
<span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;templatemo_header&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
<div id="templatemo_header">
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;site_title&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://www.templatemo.com/preview/templatemo_378_dragonfly&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span> target=<span style="color:#2A00FF; ">&#34;_parent&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
     <div id="site_title"><a href="http://www.templatemo.com/preview/templatemo_378_dragonfly" rel="nofollow" target="_parent"></a></div>
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;ul</span> class=<span style="color:#2A00FF; ">&#34;nav_menu&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
     <ul class="nav_menu">
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#home&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Home<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
         <li><a href="#home">Home</a></li>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#about&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>About<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
         <li><a href="#about">About</a></li>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#services&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Services<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
         <li><a href="#services">Services</a></li>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#gallery&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Portfolio<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
         <li><a href="#gallery">Portfolio</a></li>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#contact&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Contact<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
         <li><a href="#contact">Contact</a></li>
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;/ul&#62;</span>
+
     </ul>
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;social_button&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
     <div class="social_button">
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/facebook.png&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Facebook&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span>
+
     <a href="#"><img src="images/facebook.png" alt="Facebook" /></a>
-
<span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/flickr.png&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Flickr&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span>
+
<a href="#"><img src="images/flickr.png" alt="Flickr" /></a>
-
<span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;#&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/twitter.png&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Twitter&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span>
+
<a href="#"><img src="images/twitter.png" alt="Twitter" /></a>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;clear&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
         <div class="clear"></div>
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
     </div>
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span>
+
     <p>
-
     c 2072 Company Name<span style="color:#7F0055; font-weight: bold; ">&#60;br</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
     c 2072 Company Name<br />
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://www.templatemo.com/preview/templatemo_378_dragonfly&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span> target=<span style="color:#2A00FF; ">&#34;_parent&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Dragonfly<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span> by<span style="color:#7F0055; font-weight: bold; ">&#60;br</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
     <a href="http://www.templatemo.com/preview/templatemo_378_dragonfly" rel="nofollow" target="_parent">Dragonfly</a> by<br />
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://www.templatemo.com&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span> target=<span style="color:#2A00FF; ">&#34;_parent&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>templatemo<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>
+
     <a href="http://www.templatemo.com" rel="nofollow" target="_parent">templatemo</a></p>
      
      
-
<span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
</div>
-
<span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;templatemo_main&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
<div id="templatemo_main">
-
       <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;home&#34;</span> class=<span style="color:#2A00FF; ">&#34;home_slider&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
       <div id="home" class="home_slider">
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;theme-orman&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <div class="theme-orman">
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;slider&#34;</span> class=<span style="color:#2A00FF; ">&#34;nivoSlider&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
                 <div id="slider" class="nivoSlider">
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/8/82/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Dragonfly 1&#34;</span> rel=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/7/7e/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01_thumb.jpg&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                     <img src="https://static.igem.org/mediawiki/2014hs/8/82/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01.jpg" alt="Dragonfly 1" rel="https://static.igem.org/mediawiki/2014hs/7/7e/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01_thumb.jpg" />
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/b/b6/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Dragonfly 2&#34;</span> rel=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/7/71/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02_thumb.jpg&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                     <img src="https://static.igem.org/mediawiki/2014hs/b/b6/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02.jpg" alt="Dragonfly 2" rel="https://static.igem.org/mediawiki/2014hs/7/71/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02_thumb.jpg" />
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/1/13/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Dragonfly 3&#34;</span> rel=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/4/41/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03_thumb.jpg&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                     <img src="https://static.igem.org/mediawiki/2014hs/1/13/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03.jpg" alt="Dragonfly 3" rel="https://static.igem.org/mediawiki/2014hs/4/41/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03_thumb.jpg" />
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/2/22/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Dragonfly 4&#34;</span> rel=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/7/7d/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04_thumb.jpg&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                     <img src="https://static.igem.org/mediawiki/2014hs/2/22/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04.jpg" alt="Dragonfly 4" rel="https://static.igem.org/mediawiki/2014hs/7/7d/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04_thumb.jpg" />
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/f/fb/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;Dragonfly 5&#34;</span> rel=<span style="color:#2A00FF; ">&#34;https://static.igem.org/mediawiki/2014hs/d/d9/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05_thumb.jpg&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                     <img src="https://static.igem.org/mediawiki/2014hs/f/fb/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05.jpg" alt="Dragonfly 5" rel="https://static.igem.org/mediawiki/2014hs/d/d9/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05_thumb.jpg" />
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
                 </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>  
+
             </div>  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery-1.6.1.min?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>
+
             <script type="text/javascript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery-1.6.1.min?action=raw&ctype=text/javascript"></script>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span> src=<span style="color:#2A00FF; ">&#34;https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.nivo.slider.pack?action=raw&#38;ctype=text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>
+
             <script type="text/javascript" src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.nivo.slider.pack?action=raw&ctype=text/javascript"></script>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;script</span> type=<span style="color:#2A00FF; ">&#34;text/javascript&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <script type="text/javascript">
             $(window).load(function() {
             $(window).load(function() {
-
                 $(&#39;#slider&#39;).nivoSlider({
+
                 $('#slider').nivoSlider({
                     controlNavThumbs:true,
                     controlNavThumbs:true,
controlNavThumbsFromRel:true,
controlNavThumbsFromRel:true,
-
directionNav:false, <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Next and Prev
+
directionNav:false, // Next and Prev
-
keyboardNav:true, <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Use left and right arrows
+
keyboardNav:true, // Use left and right arrows
-
pauseOnHover:true <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Stop animation while hovering
+
pauseOnHover:true // Stop animation while hovering
                 });
                 });
             });
             });
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/script&#62;</span>
+
             </script>
-
       <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
       </div>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;section section_with_padding&#34;</span> id=<span style="color:#2A00FF; ">&#34;about&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>  
+
         <div class="section section_with_padding" id="about">  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;h1&#62;</span>About<span style="color:#7F0055; font-weight: bold; ">&#60;/h1&#62;</span>
+
             <h1>About</h1>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;img_border img_fl&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>  
+
             <div class="img_border img_fl">  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://www.templatemo.com&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/templatemo_image_01.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 1&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span>
+
             <a href="http://www.templatemo.com" rel="nofollow"><img src="images/templatemo_image_01.jpg" alt="image 1" /></a>
-
           <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
           </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;em&#62;</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.<span style="color:#7F0055; font-weight: bold; ">&#60;/em&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>
+
             <p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.</em></p>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. <span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>      
+
             <p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. </p>      
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;clear h40&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
             <div class="clear h40"></div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;img_border img_fr&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <div class="img_border img_fr">
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/templatemo_image_02.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 2&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                 <img src="images/templatemo_image_02.jpg" alt="image 2" />
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
             </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;em&#62;</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.<span style="color:#7F0055; font-weight: bold; ">&#60;/em&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>
+
             <p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.</em></p>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://validator.w3.org/check?uri=referer&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>XHTML<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span> &#38;amp; <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://jigsaw.w3.org/css-validator/check/referer&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>CSS<span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span>.<span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>
+
             <p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>.</p>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>  
+
         </div>  
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;section section_with_padding&#34;</span> id=<span style="color:#2A00FF; ">&#34;services&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>  
+
         <div class="section section_with_padding" id="services">  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;h1&#62;</span>Services<span style="color:#7F0055; font-weight: bold; ">&#60;/h1&#62;</span>
+
             <h1>Services</h1>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;half right&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <div class="half right">
-
            <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;img_border img_nom&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
            <div class="img_border img_nom">
-
                <span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://www.templatemo.com&#34;</span> rel=<span style="color:#2A00FF; ">&#34;nofollow&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/templatemo_image_04.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 4&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span>
+
                <a href="http://www.templatemo.com" rel="nofollow"><img src="images/templatemo_image_04.jpg" alt="image 4" /></a>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
                 </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;ul</span> class=<span style="color:#2A00FF; ">&#34;list_bullet&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <ul class="list_bullet">
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Maecenas ac odio ipsum donec<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Maecenas ac odio ipsum donec</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Fusce risus tortor, interdum<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Fusce risus tortor, interdum</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Proin facilisis ullamcorper<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Proin facilisis ullamcorper</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Sed vel justo quis ligula<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Sed vel justo quis ligula</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Ut tristique sagittis arcu<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Ut tristique sagittis arcu</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Maecenas ac odio ipsum donec<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Maecenas ac odio ipsum donec</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Fusce risus tortor, interdum<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Fusce risus tortor, interdum</li>
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span>Proin facilisis ullamcorper<span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                     <li>Proin facilisis ullamcorper</li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;/ul&#62;</span>
+
                 </ul>
                  
                  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
             </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;half left&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <div class="half left">
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;img_border img_nom&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
                 <div class="img_border img_nom">
-
                <span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/templatemo_image_03.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 3&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                <img src="images/templatemo_image_03.jpg" alt="image 3" />
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
                 </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;em&#62;</span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. <span style="color:#7F0055; font-weight: bold; ">&#60;/em&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>
+
             <p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. </em></p>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;p&#62;</span>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.<span style="color:#7F0055; font-weight: bold; ">&#60;/p&#62;</span>
+
             <p>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.</p>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
             </div>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>  
+
         </div>  
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;section&#34;</span> id=<span style="color:#2A00FF; ">&#34;gallery&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>  
+
         <div class="section" id="gallery">  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;ul</span> id=<span style="color:#2A00FF; ">&#34;gallery_wrapper&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <ul id="gallery_wrapper">
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/09-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/09.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 9&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
             <li><a href="images/gallery/09-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/09.jpg" alt="image 9" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/10-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/10.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 10&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/10-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/10.jpg" alt="image 10" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/11-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/11.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 11&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/11-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/11.jpg" alt="image 11" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/12-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/12.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 12&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/12-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/12.jpg" alt="image 12" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/01-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/01.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 01&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/01-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/01.jpg" alt="image 01" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/02-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/02.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 02&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/02-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/02.jpg" alt="image 02" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/03-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/03.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 03&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/03-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/03.jpg" alt="image 03" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/04-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/04.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 04&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/04-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/04.jpg" alt="image 04" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/05-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/05.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 05&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/05-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/05.jpg" alt="image 05" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/06-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/06.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 06&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/06-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/06.jpg" alt="image 06" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/07-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/07.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 07&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/07-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/07.jpg" alt="image 07" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/08-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/08.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 08&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>                 
+
                 <li><a href="images/gallery/08-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/08.jpg" alt="image 08" /></a></li>                 
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/09-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/09.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 09&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/09-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/09.jpg" alt="image 09" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/10-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/10.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 10&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/10-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/10.jpg" alt="image 10" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/11-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/11.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 11&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/11-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/11.jpg" alt="image 11" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/12-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/12.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 12&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/12-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/12.jpg" alt="image 12" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/01-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/01.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 01&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/01-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/01.jpg" alt="image 01" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/02-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/02.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 02&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/02-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/02.jpg" alt="image 02" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/03-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/03.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 03&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/03-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/03.jpg" alt="image 03" /></a></li>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;li&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;images/gallery/04-l.jpg&#34;</span> rel=<span style="color:#2A00FF; ">&#34;lightbox[gallery]&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/gallery/04.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;image 04&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/li&#62;</span>
+
                 <li><a href="images/gallery/04-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/04.jpg" alt="image 04" /></a></li>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/ul&#62;</span>
+
             </ul>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>  
+
         </div>  
          
          
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;section section_with_padding&#34;</span> id=<span style="color:#2A00FF; ">&#34;contact&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>  
+
         <div class="section section_with_padding" id="contact">  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;h1&#62;</span>Contact Us<span style="color:#7F0055; font-weight: bold; ">&#60;/h1&#62;</span>  
+
             <h1>Contact Us</h1>  
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;half left&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <div class="half left">
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;h4&#62;</span>Quick Contact<span style="color:#7F0055; font-weight: bold; ">&#60;/h4&#62;</span>
+
                 <h4>Quick Contact</h4>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> id=<span style="color:#2A00FF; ">&#34;contact_form&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
                 <div id="contact_form">
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;form</span> method=<span style="color:#2A00FF; ">&#34;post&#34;</span> name=<span style="color:#2A00FF; ">&#34;contact&#34;</span> action=<span style="color:#2A00FF; ">&#34;#contact&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
                     <form method="post" name="contact" action="#contact">
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;label</span> for=<span style="color:#2A00FF; ">&#34;author&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Name:<span style="color:#7F0055; font-weight: bold; ">&#60;/label&#62;</span>  
+
                         <label for="author">Name:</label>  
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;input</span> name=<span style="color:#2A00FF; ">&#34;author&#34;</span> type=<span style="color:#2A00FF; ">&#34;text&#34;</span> class=<span style="color:#2A00FF; ">&#34;required input_field&#34;</span> id=<span style="color:#2A00FF; ">&#34;author&#34;</span> maxlength=<span style="color:#2A00FF; ">&#34;30&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                         <input name="author" type="text" class="required input_field" id="author" maxlength="30" />
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;label</span> for=<span style="color:#2A00FF; ">&#34;email&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Email:<span style="color:#7F0055; font-weight: bold; ">&#60;/label&#62;</span>  
+
                         <label for="email">Email:</label>  
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;input</span> name=<span style="color:#2A00FF; ">&#34;email&#34;</span> type=<span style="color:#2A00FF; ">&#34;text&#34;</span> class=<span style="color:#2A00FF; ">&#34;validate-email required input_field&#34;</span> id=<span style="color:#2A00FF; ">&#34;email&#34;</span> maxlength=<span style="color:#2A00FF; ">&#34;30&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                         <input name="email" type="text" class="validate-email required input_field" id="email" maxlength="30" />
-
                   <span style="color:#7F0055; font-weight: bold; ">&#60;label</span> for=<span style="color:#2A00FF; ">&#34;message&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>Message:<span style="color:#7F0055; font-weight: bold; ">&#60;/label&#62;</span>  
+
                   <label for="message">Message:</label>  
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;textarea</span> id=<span style="color:#2A00FF; ">&#34;message&#34;</span> name=<span style="color:#2A00FF; ">&#34;text&#34;</span> rows=<span style="color:#2A00FF; ">&#34;0&#34;</span> cols=<span style="color:#2A00FF; ">&#34;0&#34;</span> class=<span style="color:#2A00FF; ">&#34;required&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/textarea&#62;</span>
+
                         <textarea id="message" name="text" rows="0" cols="0" class="required"></textarea>
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;input</span> type=<span style="color:#2A00FF; ">&#34;submit&#34;</span> class=<span style="color:#2A00FF; ">&#34;submit_btn left&#34;</span> name=<span style="color:#2A00FF; ">&#34;submit&#34;</span> id=<span style="color:#2A00FF; ">&#34;submit&#34;</span> value=<span style="color:#2A00FF; ">&#34;Send&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                         <input type="submit" class="submit_btn left" name="submit" id="submit" value="Send" />
-
                         <span style="color:#7F0055; font-weight: bold; ">&#60;input</span> type=<span style="color:#2A00FF; ">&#34;reset&#34;</span> class=<span style="color:#2A00FF; ">&#34;submit_btn right&#34;</span> name=<span style="color:#2A00FF; ">&#34;Reset&#34;</span> id=<span style="color:#2A00FF; ">&#34;reset&#34;</span> value=<span style="color:#2A00FF; ">&#34;Reset&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                         <input type="reset" class="submit_btn right" name="Reset" id="reset" value="Reset" />
-
                     <span style="color:#7F0055; font-weight: bold; ">&#60;/form&#62;</span>
+
                     </form>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
                 </div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
             </div>
              
              
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;half right&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span>
+
             <div class="half right">
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;h4&#62;</span>Address<span style="color:#7F0055; font-weight: bold; ">&#60;/h4&#62;</span>
+
                 <h4>Address</h4>
-
                 130-310 Duis lacinia dictum, <span style="color:#7F0055; font-weight: bold; ">&#60;br</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                 130-310 Duis lacinia dictum, <br />
-
                 Vestibulum auctor, 10990<span style="color:#7F0055; font-weight: bold; ">&#60;br</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
                 Vestibulum auctor, 10990<br />
-
             Nam rhoncus, diam a mollis<span style="color:#7F0055; font-weight: bold; ">&#60;br</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span>
+
             Nam rhoncus, diam a mollis<br />
                  
                  
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;clear h20&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
                 <div class="clear h20"></div>
-
                 <span style="color:#7F0055; font-weight: bold; ">&#60;div</span> class=<span style="color:#2A00FF; ">&#34;img_nom img_border&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;a</span> href=<span style="color:#2A00FF; ">&#34;http://goo.gl/VZrm0H&#34;</span> target=<span style="color:#2A00FF; ">&#34;_blank&#34;</span><span style="color:#7F0055; font-weight: bold; ">&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;img</span> src=<span style="color:#2A00FF; ">&#34;images/location.jpg&#34;</span> alt=<span style="color:#2A00FF; ">&#34;our location&#34;</span> width=<span style="color:#2A00FF; ">&#34;230&#34;</span> height=<span style="color:#2A00FF; ">&#34;230&#34;</span> <span style="color:#7F0055; font-weight: bold; ">/&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/a&#62;</span><span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
                 <div class="img_nom img_border"><a href="http://goo.gl/VZrm0H" target="_blank"><img src="images/location.jpg" alt="our location" width="230" height="230" /></a></div>
-
             <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
             </div>
-
         <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>  
+
         </div>  
-
     <span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>  
+
     </div>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
</div>
-
<span style="color:#7F0055; font-weight: bold; ">&#60;/div&#62;</span>
+
</div>
-
<span style="color:#7F0055; font-weight: bold; ">&#60;/body&#62;</span>  
+
</body>  
-
<span style="color:#7F0055; font-weight: bold; ">&#60;/html&#62;</span>
+
</html>
-
</pre>
+

Revision as of 04:53, 6 May 2014

Dragonfly, free website template

Dragonfly 1 Dragonfly 2 Dragonfly 3 Dragonfly 4 Dragonfly 5

About

image 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.

Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien.

image 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.

Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate XHTML & CSS.

Services

image 4
  • Maecenas ac odio ipsum donec
  • Fusce risus tortor, interdum
  • Proin facilisis ullamcorper
  • Sed vel justo quis ligula
  • Ut tristique sagittis arcu
  • Maecenas ac odio ipsum donec
  • Fusce risus tortor, interdum
  • Proin facilisis ullamcorper
image 3

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis.

Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.

Contact Us

Quick Contact

Address

130-310 Duis lacinia dictum,
Vestibulum auctor, 10990
Nam rhoncus, diam a mollis
our location

Retrieved from "http://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_index7"