Team:XMU-China/index.html

From 2013.igem.org

(Difference between revisions)
Line 118: Line 118:
                         <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">About us</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="#">Features</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>
                         </ul>
                         </ul>
             </nav>
             </nav>
Line 170: Line 178:
                         <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 180: Line 188:
                         <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 191: Line 199:
                         <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 213:
         <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 235:
         <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 248:
                     <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 261:
                     <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 272:
                         <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 287:
                     <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 295:
             <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 333:
             <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 340:
                     <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 365: Line 373:
             <div class="grid_3">
             <div class="grid_3">
                 <div><img src="https://static.igem.org/mediawiki/2013/2/2f/Xmu_Logo_black1.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">
                 <div class="grid_3">
                 <h2>Join Our Newsletter</h2>
                 <h2>Join Our Newsletter</h2>
-
                     <p>Nam nec dolor dui, id suscipit eros. Fusce dignissim bibendum lectus, in ornare tortor laoreet in. </p>
+
                     <p>*******. </p>
                     <input name="" type="text" class="newsletter-input">
                     <input name="" type="text" class="newsletter-input">
                     <input name="" type="submit" value="Join Now" class="newsletter-btn">
                     <input name="" type="submit" value="Join Now" class="newsletter-btn">
Line 387: Line 395:
                 <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>

Revision as of 11:40, 1 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"