Team:XMU-China/index.html

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 108: Line 108:
         <div class="container_12">
         <div class="container_12">
             <div class="grid_2" id="logo">
             <div class="grid_2" id="logo">
-
                 <a href="#"><img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/images/logo_black.png" alt="Oreva Logo" /></a>
+
                 <a href="#"><img src="https://static.igem.org/mediawiki/2013/2/2f/Xmu_Logo_black1.png" alt="iGEM Logo" /></a>
                 </div>
                 </div>
                 <div class="grid_10">
                 <div class="grid_10">
-
                 <div class="top-bar">
+
                 <div class="top-bar"> Xiamen University
                     </div>
                     </div>
                     <div class="clearfix">
                     <div class="clearfix">
-
                            Xiamen University </div>
+
                          </div>
                     <nav>
                     <nav>
                         <ul class="sf-menu">
                         <ul class="sf-menu">
                             <li class="current-menu-item"><a href="index.html">Home</a></li>
                             <li class="current-menu-item"><a href="index.html">Home</a></li>
-
                             <li><a href="about.html">About us</a></li>     
+
                             <li><a href="about.html">Team</a>
-
                             <li><a href="portfolio_1col.html">Portfolio</a>
+
                                <ul>
 +
                                    <li><a href="portfolio_1col.html">One </a></li>
 +
                                    <li><a href="portfolio_2col.html">Two </a></li>
 +
                                    <li><a href="portfolio_3col.html">Three </a></li>
 +
                                    <li><a href="portfolio_4col.html">Four </a></li>
 +
                                    <li><a href="portfolio_details.html"></a></li>
 +
                                </ul>
 +
                          </li>     
 +
                             <li><a href="portfolio_1col.html">Project</a>
                             <ul>
                             <ul>
-
                                     <li><a href="portfolio_1col.html">One Column Portfolio</a></li>
+
                                     <li><a href="portfolio_1col.html">One </a></li>
-
                                     <li><a href="portfolio_2col.html">Two Column Portfolio</a></li>
+
                                     <li><a href="portfolio_2col.html">Two </a></li>
-
                                     <li><a href="portfolio_3col.html">Three Column Portfolio</a></li>
+
                                     <li><a href="portfolio_3col.html">Three </a></li>
-
                                     <li><a href="portfolio_4col.html">Four Column Portfolio</a></li>
+
                                     <li><a href="portfolio_4col.html">Four </a></li>
                                     <li><a href="portfolio_details.html">Portfolio Details</a></li>
                                     <li><a href="portfolio_details.html">Portfolio Details</a></li>
                                 </ul>
                                 </ul>
                             </li>
                             </li>
-
                             <li><a href="#">Blog</a>
+
                             <li><a href="#">Notebook</a>
                             <ul>
                             <ul>
-
                                     <li><a href="blog.html">Blog</a></li>
+
                                     <li><a href="blog.html">Notebook</a></li>
-
                                     <li><a href="blog_alternate.html">Blog Alternate</a></li>
+
                                     <li><a href="blog_alternate.html">Notebook</a></li>
                                 </ul>
                                 </ul>
                             </li>
                             </li>
-
                             <li><a href="#">Features</a>
+
                             <li><a href="#">Safety</a>
                             <ul>
                             <ul>
-
                                     <li><a href="typography.html">Typography</a></li>
+
                                     <li><a href="typography.html">A</a></li>
-
                                     <li><a href="fullwidth-columns.html">Columns</a></li>
+
                                     <li><a href="fullwidth-columns.html">C</a></li>
-
                                     <li><a href="buttons-tables.html">Buttons &amp; Tables</a></li>
+
                                     <li><a href="buttons-tables.html">D</a></li>
-
                                     <li><a href="list-blockquotes.html">List &amp; Blockquotes</a></li>
+
                                     <li><a href="list-blockquotes.html">E</a></li>
-
                                     <li><a href="images-dropcaps.html">Images &amp; Dropcaps</a></li>
+
                                     <li><a href="images-dropcaps.html">F</a></li>
-
                                     <li><a href="tabs-toggles.html">Tabs &amp; Toggles</a></li>
+
                                     <li><a href="tabs-toggles.html">G</a></li>
-
                                     <li><a href="#" class="arrow-bg">Third Level</a>
+
                                     <li><a href="#" class="arrow-bg">H</a>
                                         <ul>
                                         <ul>
-
                                             <li><a href="#">Sublevel 1</a></li>
+
                                             <li><a href="#">1</a></li>
-
                                             <li><a href="#">Sublevel 2</a></li>
+
                                             <li><a href="#">2</a></li>
-
                                             <li><a href="#">Sublevel 3</a></li>
+
                                             <li><a href="#">3</a></li>
-
                                             <li><a href="#">Sublevel 4</a></li>
+
                                             <li><a href="#">4</a></li>
                                         </ul>
                                         </ul>
                                     </li>
                                     </li>
                                 </ul>
                                 </ul>
                             </li>                                                 
                             </li>                                                 
-
                             <li><a href="contact.html">Contact</a></li>
+
                             <li><a href="contact.html">Human Practice</a></li>
 +
                            <li><a href="contact.html">Others</a></li>
                         </ul>
                         </ul>
             </nav>
             </nav>
Line 167: Line 176:
             <div class="pix_diapo">
             <div class="pix_diapo">
                     <div>
                     <div>
-
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/images/slider_img3.jpg">
                         <div class="caption elemHover fromLeft">
                         <div class="caption elemHover fromLeft">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Great Work Always Remember</h2>
+
                             <h2>mmmmmmmm</h2>
-
                                 <p>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
                                 <p>********</p>
                                 <div><a href="#">read more</a></div>
                                 <div><a href="#">read more</a></div>
                             </div>
                             </div>
Line 177: Line 186:
                     </div>
                     </div>
                     <div>
                     <div>
-
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/images/slider_img1.jpg">
                         <div class="caption elemHover fromLeft">
                         <div class="caption elemHover fromLeft">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Anothr Heading Here</h2>
+
                             <h2>mmmmmmmmm</h2>
-
                                 <p>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
                                 <p>********</p>
                                 <div><a href="#">read more</a></div>
                                 <div><a href="#">read more</a></div>
                             </div>
                             </div>
Line 188: Line 197:
                     </div>
                     </div>
                     <div>
                     <div>
-
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/images/slider_img2.jpg">
                         <div class="caption elemHover fromLeft">
                         <div class="caption elemHover fromLeft">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Some Awesome Lines</h2>
+
                             <h2>mmmmmmmmmm</h2>
-
                                 <p>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
                                 <p>********.</p>
                                 <div><a href="#">read more</a></div>
                                 <div><a href="#">read more</a></div>
                             </div>
                             </div>
Line 205: Line 214:
         <div class="container_12">
         <div class="container_12">
         <div class="grid_9 intro-box sidebg upp-case">
         <div class="grid_9 intro-box sidebg upp-case">
-
                 <h2>Welcome to Oreva Premium Theme</h2>
+
                 <h2>Welcome </h2>
-
                 <p>Nam nec dolor dui, id suscipit eros. Fusce dignissim bibendum lectus, in ornare tortor laoreet in. Donec sit amet arcu quis nibh consectetur vestibulum sed in diam. Proin quis neque risus, a dapibus lorem.</p>
+
                 <p>********</p>
             </div>             
             </div>             
             <div class="grid_3 social-icons upp-case">
             <div class="grid_3 social-icons upp-case">
-
                 <h2>Find us on</h2>
+
                 <h2>LOOK</h2>
                 <div>Please click below icons for updates</div>
                 <div>Please click below icons for updates</div>
                 <ul>
                 <ul>
Line 227: Line 236:
         <div class="grid_12">
         <div class="grid_12">
             <div class="big-bg-h3">
             <div class="big-bg-h3">
-
                 <h3>Our Recent work</h3>
+
                 <h3>Our work</h3>
                 </div>
                 </div>
             </div>             
             </div>             
Line 240: Line 249:
                     <h3><a href="portfolio_details.html">Aenean ullamcorper</a></h3>
                     <h3><a href="portfolio_details.html">Aenean ullamcorper</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti. </p>
+
                     <p>********</p>
                 </div>
                 </div>
             </div>             
             </div>             
Line 253: Line 262:
                     <h3><a href="portfolio_details.html">Pellentesque</a></h3>
                     <h3><a href="portfolio_details.html">Pellentesque</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti. </p>
+
                     <p>******** </p>
                 </div>
                 </div>
             </div>
             </div>
Line 264: Line 273:
                         <i style="opacity: 0;"></i>
                         <i style="opacity: 0;"></i>
                     </div>
                     </div>
-
                     <h3><a href="portfolio_details.html">Vivamus nisi enim</a></h3>
+
                     <h3><a href="portfolio_details.html">rrrrrrrrr</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti. </p>
+
                     <p>********</p>
                 </div>
                 </div>
             </div>
             </div>
Line 279: Line 288:
                     <h3><a href="portfolio_details.html">Fusce imperdiet</a></h3>
                     <h3><a href="portfolio_details.html">Fusce imperdiet</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti. </p>
+
                     <p>********</p>
                 </div>
                 </div>
             </div>
             </div>
Line 287: Line 296:
             <div class="grid_12">
             <div class="grid_12">
             <div class="big-bg-h3">
             <div class="big-bg-h3">
-
                 <h3>Recent From Blog</h3>
+
                 <h3>Recent </h3>
                 </div>
                 </div>
             </div>             
             </div>             
             <div class="grid_3">
             <div class="grid_3">
             <div class="home-blog">
             <div class="home-blog">
-
                 <h3><a href="blog-single.html">Sed consectetur</a></h3>
+
                 <h3><a href="blog-single.html">aaaaaa</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti.</p>
+
                     <p>*********</p>
                 </div>
                 </div>
             </div>
             </div>
             <div class="grid_3">
             <div class="grid_3">
             <div class="home-blog">
             <div class="home-blog">
-
                 <h3><a href="blog-single.html">Phasellus feugiat</a></h3>
+
                 <h3><a href="blog-single.html">bbbbbbb</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti.</p>
+
                     <p>*******.</p>
                 </div>
                 </div>
             </div>
             </div>
             <div class="grid_3">
             <div class="grid_3">
             <div class="home-blog">
             <div class="home-blog">
-
                 <h3><a href="blog-single.html">Phasellus feugiat</a></h3>
+
                 <h3><a href="blog-single.html">cccccc</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti.</p>
+
                     <p>********.</p>
                 </div>
                 </div>
             </div>
             </div>
             <div class="grid_3">
             <div class="grid_3">
             <div class="home-blog">
             <div class="home-blog">
-
                 <h3><a href="blog-single.html">Phasellus feugiat</a></h3>
+
                 <h3><a href="blog-single.html">ddddddd</a></h3>
                     <div class="small-spacer"></div>
                     <div class="small-spacer"></div>
-
                     <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti.</p>
+
                     <p>********.</p>
                 </div>
                 </div>
             </div>
             </div>
Line 325: Line 334:
             <div class="grid_6">
             <div class="grid_6">
             <div class="home-medium-bg-h3">
             <div class="home-medium-bg-h3">
-
                 <h3>What client say's</h3>
+
                 <h3>eeeeeeeee</h3>
                 </div>
                 </div>
                
                
Line 332: Line 341:
                     <div class="arrow-top"><img src="images/arrow_bottom.png" alt=""></div>
                     <div class="arrow-top"><img src="images/arrow_bottom.png" alt=""></div>
                     <blockquote>
                     <blockquote>
-
                         <p>Donec laoreet massa sit amet odio facilisis ac porttitor velit vulputate. Nullam et dolor sed dui tempor iaculis sed sed risus. Suspendisse potenti. Sed in nibh elit. Aliquam sollicitudin lacinia magna, sed rhoncus felis mattis et. Suspendisse congue, arcu euismod venenatis aliquet</p>
+
                         <p>********</p>
                         <cite>Author Name</cite>                         
                         <cite>Author Name</cite>                         
                     </blockquote>
                     </blockquote>
                     <blockquote>
                     <blockquote>
-
                         <p>Nam nec dolor dui, id suscipit eros. Fusce dignissim bibendum lectus, in ornare tortor laoreet in. Donec sit amet arcu quis nibh consectetur vestibulum sed in diam. Proin quis neque risus, a dapibus lorem. Sed in nibh elit. Aliquam sollicitudin lacinia magna</p>
+
                         <p>********</p>
                         <cite>Author Name</cite>                         
                         <cite>Author Name</cite>                         
                     </blockquote>
                     </blockquote>
Line 364: Line 373:
         <div class="container_12">
         <div class="container_12">
             <div class="grid_3">
             <div class="grid_3">
-
                 <div><img src="images/logo_black.png" alt="Footer Logo"></div>
+
                 <div><img src="https://static.igem.org/mediawiki/2013/2/2f/Xmu_Logo_black1.png" alt="Footer Logo"></div>
-
                     <p>Nulla non sem velit, quis ultrices diam. Suspendisse potenti. Sed tincidunt, elit non consectetur commodo, velit enim porttitor arcu, eget cursus mi nunc sit amet elit. Quisque rhoncus dignissim urna, a rhoncus felis consequat ut. </p>
+
                     <p>******** </p>
                 </div>
                 </div>
                 <div class="grid_3">
                 <div class="grid_3">
                 <h2>Categories</h2>
                 <h2>Categories</h2>
                     <ul class="categories">
                     <ul class="categories">
-
                     <li><a href="#">Frameworks <span>(17)</span></a></li>
+
                     <li><a href="#">A <span>(17)</span></a></li>
-
                         <li><a href="#">Javascript Programming <span>(17)</span></a></li>
+
                         <li><a href="#">B <span>(17)</span></a></li>
-
                         <li><a href="#">Brand Identity <span>(17)</span></a></li>
+
                         <li><a href="#">C <span>(17)</span></a></li>
-
                         <li><a href="#">Web &amp; Mobile Applications <span>(17)</span></a></li>
+
                         <li><a href="#">D <span>(17)</span></a></li>
-
                         <li><a href="#">Search Engine Optimization <span>(17)</span></a></li>
+
                         <li><a href="#">E <span>(17)</span></a></li>
-
                         <li><a href="#">3D Animation <span>(17)</span></a></li>
+
                         <li><a href="#">F <span>(17)</span></a></li>
-
                         <li><a href="#">Visual FX <span>(17)</span></a></li>
+
                         <li><a href="#">G <span>(17)</span></a></li>
                     </ul>
                     </ul>
                 </div>
                 </div>
-
                <div class="grid_3">
+
             
-
                <h2>Join Our Newsletter</h2>
+
-
                    <p>Nam nec dolor dui, id suscipit eros. Fusce dignissim bibendum lectus, in ornare tortor laoreet in. </p>
+
-
                    <input name="" type="text" class="newsletter-input">
+
-
                    <input name="" type="submit" value="Join Now" class="newsletter-btn">
+
-
                </div>
+
                 <div class="grid_3">
                 <div class="grid_3">
                 <h2>Quick Contact</h2>
                 <h2>Quick Contact</h2>
-
                     <p>Nam nec dolor dui, id suscipit eros. Fusce dignissim bibendum lectus, in ornare tortor laoreet in. </p>
+
                     <p>********* </p>
                     <div class="contact-footer">
                     <div class="contact-footer">
                     <ul>
                     <ul>
                             <li><span>Phone :</span> +44 (0) 1234567890</li>
                             <li><span>Phone :</span> +44 (0) 1234567890</li>
                             <li><span>Fax :</span> +44 (0) 1234567890</li>
                             <li><span>Fax :</span> +44 (0) 1234567890</li>
-
                             <li><span>Email :</span> <a href="#">sayhello@awardtheme.com</a></li>
+
                             <li><span>Email :</span> <a href="#">hello@163.com</a></li>
-
                             <li><span>Address :</span> Leathermarket court, SE1</li>
+
                             <li><span>Address :</span> ABCDEFG</li>
                         </ul>
                         </ul>
                     </div>
                     </div>
Line 418: Line 422:
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 +
 +
<iframe width="640" height="360" src="//www.youtube.com/embed/enLFOdr5P-M?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
 +
</body>
</body>
</html>
</html>

Latest revision as of 22:35, 27 September 2013

Oreva Business Template

Xiamen University
spacer

mmmmmmmm

********

mmmmmmmmm

********

mmmmmmmmmm

********.

Welcome

********

Our work

Home Portfolio

Aenean ullamcorper

********

Home Portfolio

Pellentesque

********

Home Portfolio

rrrrrrrrr

********

Home Portfolio

Fusce imperdiet

********

Recent

aaaaaa

*********

bbbbbbb

*******.

cccccc

********.

ddddddd

********.

eeeeeeeee

********

Author Name

********

Author Name

Latest Tweets

 

Retrieved from "http://2013.igem.org/Team:XMU-China/index.html"