Team:XMU-China/Index
From 2013.igem.org
(Created page with "{{:Team:XMU-China/Home}} {{:Team:XMU-China/Slider}}") |
|||
Line 1: | Line 1: | ||
{{:Team:XMU-China/Home}} | {{:Team:XMU-China/Home}} | ||
{{:Team:XMU-China/Slider}} | {{:Team:XMU-China/Slider}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> | ||
+ | <link rel="icon" type="image/png" href="images/favicon.png" /> | ||
+ | <!--[if lt IE 9]> | ||
+ | <link rel="stylesheet" type="text/css" href="css/ie-fix.css" /> | ||
+ | <![endif]--> | ||
+ | <link rel="stylesheet" type="text/css" href="css/reset.css" > | ||
+ | <link rel="stylesheet" type="text/css" href="css/style.css" > | ||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="js/jquery.colorbox-min.js"></script> | ||
+ | <script type="text/javascript" src="js/jflickrfeed.min.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.carouFredSel-5.5.0-packed.js"></script> | ||
+ | <script type="text/javascript" src="js/scrolltopcontrol.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="js/custom-main.js"></script><!-- Only for home page --> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <!-- START WRAPPER SECTION --> | ||
+ | <div id="wrapper-home"> | ||
+ | |||
+ | <!-- START ABOUT BLOCK --> | ||
+ | <div id="about-main"> | ||
+ | <div class="center-block clearfix"> | ||
+ | <div class="about-us"> | ||
+ | <h4>About Us</h4> | ||
+ | <p>Pellentesque nibh nunc, pulvinar in ultrices at, ornare non ante. Quisque dolor nibh, fermentum at cursus sed, suscipit id massa.</p> | ||
+ | <div class="about-img"> | ||
+ | <div class="about-bg-white"> | ||
+ | <img src="images/blog/recent/5.jpg" alt="" /> | ||
+ | </div><!-- .about-bg-white --> | ||
+ | </div><!-- .about-img --> | ||
+ | <p class="small-italic">Proin tincidunt ipsum sed quam convallis rhoncus.</p> | ||
+ | <p class="small-italic">Suspendisse at libero eu magna pharetra tincidunt vel vel dui. Nunc leo nibh, suscipit vel venenatis vel, fermentum at cursus sed, suscipit id massa dapibus vitae neque.</p> | ||
+ | <div class="go-to readmore no-margin-bottom"> | ||
+ | <a href="#">Read more</a> | ||
+ | <span></span> | ||
+ | </div><!-- .go-to --> | ||
+ | </div><!-- .about-us --> | ||
+ | <div class="our-services"> | ||
+ | <h4>Our specializations</h4> | ||
+ | <p>Vestibulum fringilla lacus vehicula massa malesuada venenatis. Quisque urna lorem, malesuada ac vehicula at, tristique sed enim.</p> | ||
+ | <div class="one_half"> | ||
+ | <img class="servise_icon" src="images/icons/s1.png" alt="" /> | ||
+ | <h6><a href="#">Social media marketing</a></h6> | ||
+ | <p class="small-italic">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.</p> | ||
+ | </div> | ||
+ | <div class="one_half column-last"> | ||
+ | <img class="servise_icon" src="images/icons/s3.png" alt="" /> | ||
+ | <h6><a href="#">Commercial photoraphy</a></h6> | ||
+ | <p class="small-italic">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</p> | ||
+ | </div> | ||
+ | <div class="one_half"> | ||
+ | <img class="servise_icon" src="images/icons/s2.png" alt="" /> | ||
+ | <h6><a href="#">WordPress Themes</a></h6> | ||
+ | <p class="small-italic">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p> | ||
+ | </div> | ||
+ | <div class="one_half column-last"> | ||
+ | <img class="servise_icon" src="images/icons/s4.png" alt="" /> | ||
+ | <h6><a href="#">Information architecture</a></h6> | ||
+ | <p class="small-italic">Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.</p> | ||
+ | </div> | ||
+ | </div><!-- .our-services --> | ||
+ | </div><!-- .center-block --> | ||
+ | </div><!-- #about-us --> | ||
+ | <!-- END ABOUT BLOCK --> | ||
+ | |||
+ | <div class="divider-2px"></div> | ||
+ | |||
+ | <!-- START RECENT PROJECTS --> | ||
+ | <div id="recent-projects"> | ||
+ | <div class="center-block"> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block-main"> | ||
+ | <h4>Recent Projects</h4> | ||
+ | <p>Here are just some of the recent | ||
+ | projects we’ve been involved in. | ||
+ | Explore our other projects to discover | ||
+ | more about our recent innovations | ||
+ | and achievements. | ||
+ | </p> | ||
+ | <!-- <div class="go-to"> | ||
+ | <a href="portfolio-1.html">View the Portfolio</a> | ||
+ | <span></span> | ||
+ | </div> --> | ||
+ | |||
+ | <!-- CarouFredSel - Recent Projects --> | ||
+ | <div class="projects_carousel"> | ||
+ | <div id="rp-carousel"> | ||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/1.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/1-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">Freelance</a></h6> | ||
+ | <p>Who Whole Trust on Successful.</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/2.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/2-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">LinkedIn and Lovin It</a></h6> | ||
+ | <p>Learn to leverage the professionals.</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/3.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/3-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">Facebook Marketing</a></h6> | ||
+ | <p>Get funs, build your brand, get results!</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/4.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/4-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">Getting Good with JavaScript</a></h6> | ||
+ | <p>Ever wanted to liven up a web design.</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/5.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/5-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">Rockstar WordPress Designer 2</a></h6> | ||
+ | <p>Want to take your WordPress theme?</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/6.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">Web Design Confidential</a></h6> | ||
+ | <p>Get insight into the industry through...</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | <!-- start recent project block --> | ||
+ | <div class="rp-block rp-bg"> | ||
+ | <div class="rp-bg-white"> | ||
+ | <img src="images/projects/recent/7.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <a href="images/projects/recent/7-big.jpg" class="view-icon" data-rel="zoom-img"></a> | ||
+ | <a href="portfolio-1.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="rp-arrow-up"></div> | ||
+ | <div class="rp-content"> | ||
+ | <h6><a href="portfolio-1.html">How to Record Great Music</a></h6> | ||
+ | <p>Sound engineer and musician Björgvin.</p> | ||
+ | </div><!-- .rp-content --> | ||
+ | </div><!-- .rp-bg-white --> | ||
+ | </div><!-- .rp-block --> | ||
+ | |||
+ | </div><!-- #rp-carousel --> | ||
+ | <div class="clearfix"></div> | ||
+ | <a class="prev" id="rp-carousel_prev" href="#"><span>prev</span></a> | ||
+ | <a class="next" id="rp-carousel_next" href="#"><span>next</span></a> | ||
+ | </div><!-- .projects_carousel --> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div><!-- .rp-block-main --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- start recent articles block --> | ||
+ | <div class="ra-block-main"> | ||
+ | <h4>Recent Articles</h4> | ||
+ | <p>This block displays your latest articles, | ||
+ | the visibility, title and description are | ||
+ | all controlled easily via the homepage | ||
+ | tab in the admin options panel. | ||
+ | </p> | ||
+ | <!-- <div class="go-to ra"> | ||
+ | <a href="blog-style1.html">Read the Blog</a> | ||
+ | <span></span> | ||
+ | </div> --> | ||
+ | |||
+ | <!-- CarouFredSel - Recent Articles --> | ||
+ | <div class="articles_carousel"> | ||
+ | <div id="ra-carousel"> | ||
+ | <!-- start recent articles block --> | ||
+ | <div class="ra-block ra-bg"> | ||
+ | <div class="ra-bg-white"> | ||
+ | <img src="images/blog/recent/1.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> --> | ||
+ | <a href="blog-post.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="ra-arrow-up"></div> | ||
+ | <div class="ra-content"> | ||
+ | <h6><a href="blog-post.html">Blog Business</a></h6> | ||
+ | <p>The essential handbook to creating...</p> | ||
+ | </div><!-- .ra-content --> | ||
+ | </div><!-- .ra-bg-white --> | ||
+ | </div><!-- .ra-block --> | ||
+ | |||
+ | <!-- start recent articles block --> | ||
+ | <div class="ra-block ra-bg"> | ||
+ | <div class="ra-bg-white"> | ||
+ | <img src="images/blog/recent/2.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> --> | ||
+ | <a href="blog-post.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="ra-arrow-up"></div> | ||
+ | <div class="ra-content"> | ||
+ | <h6><a href="blog-post.html">Getting Good with Git</a></h6> | ||
+ | <p>This book will take you from knowing...</p> | ||
+ | </div><!-- .ra-content --> | ||
+ | </div><!-- .ra-bg-white --> | ||
+ | </div><!-- .ra-block --> | ||
+ | |||
+ | <!-- start recent articles block --> | ||
+ | <div class="ra-block ra-bg"> | ||
+ | <div class="ra-bg-white"> | ||
+ | <img src="images/blog/recent/3.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> --> | ||
+ | <a href="blog-post.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="ra-arrow-up"></div> | ||
+ | <div class="ra-content"> | ||
+ | <h6><a href="blog-post.html">Freelance Statistics Report</a></h6> | ||
+ | <p>There are millions of freelancers...</p> | ||
+ | </div><!-- .ra-content --> | ||
+ | </div><!-- .ra-bg-white --> | ||
+ | </div><!-- .ra-block --> | ||
+ | |||
+ | <!-- start recent articles block --> | ||
+ | <div class="ra-block ra-bg"> | ||
+ | <div class="ra-bg-white"> | ||
+ | <img src="images/blog/recent/4.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> --> | ||
+ | <a href="blog-post.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="ra-arrow-up"></div> | ||
+ | <div class="ra-content"> | ||
+ | <h6><a href="blog-post.html">PSD Tuts</a></h6> | ||
+ | <p>Psdtuts+ is a blog/Photoshop site made.</p> | ||
+ | </div><!-- .ra-content --> | ||
+ | </div><!-- .ra-bg-white --> | ||
+ | </div><!-- .ra-block --> | ||
+ | |||
+ | <!-- start recent articles block --> | ||
+ | <div class="ra-block ra-bg"> | ||
+ | <div class="ra-bg-white"> | ||
+ | <img src="images/blog/recent/5.jpg" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <!-- <a href="images/projects/recent/6-big.jpg" class="view-icon" data-rel="zoom-img"></a> --> | ||
+ | <a href="blog-post.html" class="link-icon"></a> | ||
+ | </div><!-- .mask --> | ||
+ | <div class="ra-arrow-up"></div> | ||
+ | <div class="ra-content"> | ||
+ | <h6><a href="blog-post.html">Freelance Switch</a></h6> | ||
+ | <p>FreelanceSwitch is a community...</p> | ||
+ | </div><!-- .ra-content --> | ||
+ | </div><!-- .ra-bg-white --> | ||
+ | </div><!-- .ra-block --> | ||
+ | |||
+ | </div><!-- #ra-carousel --> | ||
+ | <div class="clearfix"></div> | ||
+ | <a class="prev" id="ra-carousel_prev" href="#"><span>prev</span></a> | ||
+ | <a class="next" id="ra-carousel_next" href="#"><span>next</span></a> | ||
+ | </div><!-- .articles_carousel --> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div><!-- .ra-block-main --> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div><!-- .center-block --> | ||
+ | <div class="clear"></div> | ||
+ | </div><!-- #recent-projects --> | ||
+ | <!-- END RECENT PROJECTS --> | ||
+ | |||
+ | <div class="divider-2px"></div> | ||
+ | |||
+ | <!-- START CLIENTS --> | ||
+ | <div id="clients" class="center-block"> | ||
+ | <div class="cl-block"> | ||
+ | <h4>What people says</h4> | ||
+ | <!-- CarouFredSel --> | ||
+ | |||
+ | <div class="testmain_carousel"> | ||
+ | <ul id="testmain_carousel"> | ||
+ | <li>...A rock-solid primer on how to tap into the power of Facebook for your business. | ||
+ | This book reveals new and creative ways to build your tribe.<span>— Jonathan Fields</span></li> | ||
+ | |||
+ | <li>Freelance Confidential is a goldmine of information for freelancers in any industry.Based on the global | ||
+ | statistics gathered from the Freelance Switch.<span>— Lea Woodward</span></li> | ||
+ | |||
+ | <li>I have one word for this book: thorough. I have never come across such a comprehensive review of | ||
+ | ALL the aspects that go into building a real blog<span>— Yaro Starak</span></li> | ||
+ | |||
+ | <li>Nuts and bolts explanations in plain English and clear screenshots walk you through everything you need | ||
+ | to know. A must-have for Facebook.<span>— Michael Martine</span></li> | ||
+ | |||
+ | <li>This wonderful e-book provides a clear view into the state of freelancing around the globe. | ||
+ | It's filled with tips and insights from actual working freelancers on everything from promoting | ||
+ | your services.<span>— Ed Gandia</span></li> | ||
+ | </ul> | ||
+ | <div class="test-arrow-up"></div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div><!-- .test_carousel --> | ||
+ | <div class="clear"></div> | ||
+ | </div><!-- .cl-block --> | ||
+ | |||
+ | <!-- CarouFredSel --> | ||
+ | <div class="image_carousel"> | ||
+ | <div id="cl-carousel"> | ||
+ | <a href="http://envato.com/"><img src="images/clients/envato.png" alt="envato" /></a> | ||
+ | <a href="http://sc.chinaz.com/?"><img src="images/clients/rockablepress.png" alt="rockablepress" ></a> | ||
+ | <a href="http://creattica.com/logos/red-fox-validation/668"><img src="images/clients/redfox.png" alt="Red Fox Validation" ></a> | ||
+ | <a href="http://photodune.net/?ref=zerge"><img src="images/clients/photodune.png" alt="photodune" /></a> | ||
+ | <a href="http://themeforest.net/?ref=zerge"><img src="images/clients/themeforest.png" alt="themeforest" /></a> | ||
+ | <a href="#"><img src="images/clients/pinup.png" alt="pinup" /></a> | ||
+ | <a href="http://themeforest.net/item/metric-premium-wordpress-theme/1865719?ref=zerge"><img src="images/clients/metric.png" alt="metric" /></a> | ||
+ | <a href="#"><img src="images/clients/audiojungle.png" alt="audiojungle" /></a> | ||
+ | <a href="#"><img src="images/clients/tutorials.png" alt="tutorials" /></a> | ||
+ | </div><!-- #foo3 --> | ||
+ | <div class="clearfix"></div> | ||
+ | <a class="prev" id="cl-carousel_prev" href="#"><span>prev</span></a> | ||
+ | <a class="next" id="cl-carousel_next" href="#"><span>next</span></a> | ||
+ | |||
+ | </div><!-- .image_carousel --> | ||
+ | <div class="clear"></div> | ||
+ | </div><!-- #clients --> | ||
+ | <!-- END CLIENTS --> | ||
+ | |||
+ | </div><!-- #wrapper --> | ||
+ | <div class="clear"></div> | ||
+ | <!-- END WRAPPER --> | ||
+ | |||
+ | |||
+ | <!-- START FOOTER --> | ||
+ | <div class="divider-100-2px"></div> | ||
+ | <div id="footer"> | ||
+ | <div class="center-block"> | ||
+ | <div class="widget"> | ||
+ | <h6>Contact Info</h6> | ||
+ | <p>LinkUp is an American multinational compane that designs | ||
+ | and markets consumer electronics, computer software, and personal computers. | ||
+ | </p> | ||
+ | <div> | ||
+ | <span class="location">12345 / Some Street<br>New York, USA</span> | ||
+ | <span class="phone">phone: +1 (44) 123-45-67</span> | ||
+ | <span class="email"><a href="mailto:support@color-theme.com">support@color-theme.com</a></span> | ||
+ | </div> | ||
+ | </div><!-- .widget --> | ||
+ | |||
+ | <div class="widget"> | ||
+ | <h6>Twitter Feed</h6> | ||
+ | <div class="tweet"></div> | ||
+ | </div><!-- .widget --> | ||
+ | |||
+ | <div class="widget"> | ||
+ | <h6>Flickr Photos</h6> | ||
+ | <ul id="cbox" class="thumbs"></ul> | ||
+ | </div><!-- .widget --> | ||
+ | |||
+ | <div class="widget"> | ||
+ | <img src="images/logo-mini.png" alt="Logo Mini" class="logo" /> | ||
+ | <p>We are a group of designers combining our skills to create traditional | ||
+ | and new creative websites for your communicational issues.</p> | ||
+ | <ul id="footer-social"> | ||
+ | <li class="twitter"><a href="http://twitter.com/"></a></li> | ||
+ | <li class="dribbble"><a href="http://dribbble.com/"></a></li> | ||
+ | <li class="facebook"><a href="http://facebook.com/"></a></li> | ||
+ | <li class="google"><a href="http://plus.google.com/"></a></li> | ||
+ | <li class="linkedin"><a href="http://linkedin.com/"></a></li> | ||
+ | <li class="behance"><a href="http://behance.net/"></a></li> | ||
+ | <li class="rss"><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </div><!-- .widget --> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div><!-- .center-block --> | ||
+ | <div class="clear"></div> | ||
+ | </div><!-- #footer --> | ||
+ | <!-- END FOOTER --> | ||
+ | |||
+ | |||
+ | <!-- START FOOTER MENU --> | ||
+ | <div id="footer-menu"> | ||
+ | <div class="center-block"> | ||
+ | <ul id="second-menu"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Features</a></li> | ||
+ | <li><a href="#">Typography</a></li> | ||
+ | <li><a href="#">Pages</a></li> | ||
+ | <li><a href="#">Portfolio</a></li> | ||
+ | <li><a href="#">Blog</a></li> | ||
+ | </ul> | ||
+ | <div class="copyright">© Copyright © 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></div> | ||
+ | <div class="clear"></div> | ||
+ | </div><!-- .center-block --> | ||
+ | <div class="clear"></div> | ||
+ | </div><!-- #footer-menu --> | ||
+ | <!-- END FOOTER MENU --> | ||
+ | <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 09:30, 13 September 2013
About Us
Pellentesque nibh nunc, pulvinar in ultrices at, ornare non ante. Quisque dolor nibh, fermentum at cursus sed, suscipit id massa.
Proin tincidunt ipsum sed quam convallis rhoncus.
Suspendisse at libero eu magna pharetra tincidunt vel vel dui. Nunc leo nibh, suscipit vel venenatis vel, fermentum at cursus sed, suscipit id massa dapibus vitae neque.
Our specializations
Vestibulum fringilla lacus vehicula massa malesuada venenatis. Quisque urna lorem, malesuada ac vehicula at, tristique sed enim.
Social media marketing
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.
Commercial photoraphy
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
WordPress Themes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
Information architecture
Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.
Recent Projects
Here are just some of the recent projects we’ve been involved in. Explore our other projects to discover more about our recent innovations and achievements.
Freelance
Who Whole Trust on Successful.
LinkedIn and Lovin It
Learn to leverage the professionals.
Facebook Marketing
Get funs, build your brand, get results!
Getting Good with JavaScript
Ever wanted to liven up a web design.
Rockstar WordPress Designer 2
Want to take your WordPress theme?
Web Design Confidential
Get insight into the industry through...
How to Record Great Music
Sound engineer and musician Björgvin.
Recent Articles
This block displays your latest articles, the visibility, title and description are all controlled easily via the homepage tab in the admin options panel.
Blog Business
The essential handbook to creating...
Getting Good with Git
This book will take you from knowing...
Freelance Statistics Report
There are millions of freelancers...
PSD Tuts
Psdtuts+ is a blog/Photoshop site made.
Freelance Switch
FreelanceSwitch is a community...
What people says
- ...A rock-solid primer on how to tap into the power of Facebook for your business. This book reveals new and creative ways to build your tribe.— Jonathan Fields
- Freelance Confidential is a goldmine of information for freelancers in any industry.Based on the global statistics gathered from the Freelance Switch.— Lea Woodward
- I have one word for this book: thorough. I have never come across such a comprehensive review of ALL the aspects that go into building a real blog— Yaro Starak
- Nuts and bolts explanations in plain English and clear screenshots walk you through everything you need to know. A must-have for Facebook.— Michael Martine
- This wonderful e-book provides a clear view into the state of freelancing around the globe. It's filled with tips and insights from actual working freelancers on everything from promoting your services.— Ed Gandia