Team:XMU-China/index.html

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 18: Line 18:
.firstHeading{display:none;}
.firstHeading{display:none;}
/* end of hiding the top section*/
/* end of hiding the top section*/
-
 
/* global setting*/
/* global setting*/
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
Line 28: Line 27:
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
     top:-40px;
+
     top:0 px;
     }
     }
#bodyContent{
#bodyContent{
Line 43: Line 42:
     }
     }
/* end of global setting*/
/* end of global setting*/
 +
/*hiding the footer-box*/
/*hiding the footer-box*/
Line 48: Line 48:
#catlinks{display:none;}
#catlinks{display:none;}
/*end of hiding the footer book*/
/*end of hiding the footer book*/
-
 
+
</style>
<head>
<head>
Line 59: Line 59:
    
    
   <!-- Favicons -->
   <!-- Favicons -->
-
<link rel="shortcut icon" href="favicon.ico">
+
<link rel="shortcut icon" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/favicon.ico">
-
     <link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">
+
     <link rel="apple-touch-icon-precomposed" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon.png">
-
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-57x57.png" />
+
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-57x57.png" />
-
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
+
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-72x72.png" />
-
     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
+
     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" />
    
    
   <!-- Main Styleheet -->
   <!-- Main Styleheet -->
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
-
                    E: <a href="#">info@orevatheme.com</a> | P: <span>1.800.555.1234</span>
+
                     </div>
                     </div>
-
                     <div class="clearfix"></div>
+
                     <div class="clearfix">
 +
                          </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="images/slider_img1.jpg">
+
                         <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="images/slider_img2.jpg">
+
                         <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="images/slider_img3.jpg">
+
                         <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 199: Line 208:
                     </div>
                     </div>
               </div>
               </div>
-
               <div class="slider-shadow">��</div>
+
               <div class="slider-shadow"></div>
             </div>
             </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 221: Line 230:
             </div>             
             </div>             
         </div>
         </div>
-
         <div class="clearfix">��</div>
+
         <div class="clearfix"></div>
          
          
         <div class="container_12">
         <div class="container_12">
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 233: Line 242:
             <div class="home-portfolio">
             <div class="home-portfolio">
                 <div class="hover-img">
                 <div class="hover-img">
-
                         <a rel="prettyPhoto" class="zoom fade-img" href="images/large_image.png" title="Title goes here"></a>
+
                         <a rel="prettyPhoto" class="zoom fade-img" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" title="Title goes here"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
-
                         <img src="images/portfolio_img1.png" alt="Home Portfolio">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" alt="Home Portfolio">
                         <i style="opacity: 0;"></i>
                         <i style="opacity: 0;"></i>
                     </div>               
                     </div>               
                     <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 246: Line 255:
             <div class="home-portfolio">
             <div class="home-portfolio">
                 <div class="hover-img">
                 <div class="hover-img">
-
                         <a rel="prettyPhoto" class="zoom fade-img" href="images/large_image.png" title="Title goes here"></a>
+
                         <a rel="prettyPhoto" class="zoom fade-img" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" title="Title goes here"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
-
                         <img src="images/portfolio_img2.png" alt="Home Portfolio">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" alt="Home Portfolio">
                         <i style="opacity: 0;"></i>
                         <i style="opacity: 0;"></i>
                     </div>
                     </div>
                     <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 259: Line 268:
             <div class="home-portfolio">
             <div class="home-portfolio">
                 <div class="hover-img">
                 <div class="hover-img">
-
                         <a rel="prettyPhoto" class="zoom fade-img" href="images/large_image.png" title="Title goes here"></a>
+
                         <a rel="prettyPhoto" class="zoom fade-img" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" title="Title goes here"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
-
                         <img src="images/portfolio_img3.png" alt="Home Portfolio">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" alt="Home Portfolio">
                         <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 272: Line 281:
             <div class="home-portfolio">
             <div class="home-portfolio">
                 <div class="hover-img">
                 <div class="hover-img">
-
                         <a rel="prettyPhoto" class="zoom fade-img" href="images/large_image.png" title="Title goes here"></a>
+
                         <a rel="prettyPhoto" class="zoom fade-img" href="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" title="Title goes here"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
                         <a href="portfolio_details.html" class="fade-img"></a>
-
                         <img src="images/portfolio_img4.png" alt="Home Portfolio">
+
                         <img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/apple-touch-icon-114x114.png" alt="Home Portfolio">
                         <i style="opacity: 0;"></i>
                         <i style="opacity: 0;"></i>
                     </div>
                     </div>
                     <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>
-
                     <div class="clearfix">��</div>
+
                     <div class="clearfix"></div>
                     </div>
                     </div>
                          
                          
Line 356: Line 365:
             </div>
             </div>
             <!-- Home Twitter -->
             <!-- Home Twitter -->
-
             <div class="clearfix home-spacer">��</div>
+
             <div class="clearfix home-spacer"></div>
              
              
         </div>
         </div>
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 402: Line 406:
             <div class="container_12">
             <div class="container_12">
                 <div class="grid_6">
                 <div class="grid_6">
-
                     Copyright © 2013 by Oreva. All rights reserved.
+
                    
                     </div>
                     </div>
                     <div class="grid_6 txt-right">
                     <div class="grid_6 txt-right">
-
                     Theme by MannatStudio</a>
+
                     Theme by XMUiGEM</a>
                     </div>
                     </div>
                 </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>
-
</style>
+
 
</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"