|
|
Line 1: |
Line 1: |
− | <!--最后改动庸庸 11/1/2017 1:34PM Pacific Time--> | + | <!doctype html> |
| <html> | | <html> |
| <head> | | <head> |
Line 14: |
Line 14: |
| </style> | | </style> |
| <meta charset="utf-8"> | | <meta charset="utf-8"> |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | <!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后! --> | + | <title>About Page template By Adobe Dreamweaver CC</title> |
| + | <link href="file:///C|/Users/74761/AppData/Roaming/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eamCE7B.tmp/AboutPageAssets/styles/aboutPageStyle.css" rel="stylesheet" type="text/css"> |
| | | |
− | <title>IGEM BIT HOMEPAGE</title> | + | <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--> |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/min/CSS?action=raw&ctype=text/css"/>
| + | <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/montserrat:n4:default;source-sans-pro:n2:default.js" type="text/javascript"></script> |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&ctype=text/css"/>
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/jquery.fancybox/CSS?action=raw&ctype=text/css"/>
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/main/CSS?action=raw&ctype=text/css"/>
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/responsive/CSS?action=raw&ctype=text/css"/>
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/min/CSS?action=raw&ctype=text/css"/>
| + | |
− | <link rel="stylesheet" href="css/font-icon.css">
| + | |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
| + | |
− | <!-- Animate.css -->
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&ctype=text/css"/> | + | |
− | <!-- Icomoon Icon Fonts--> | + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/font-icon/CSS?action=raw&ctype=text/css"/>
| + | |
− | <!-- Bootstrap -->
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/CSS?action=raw&ctype=text/css"/>
| + | |
− | <!-- Flexslider -->
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&ctype=text/css"/>
| + | |
− | | + | |
− | <!-- Theme style -->
| + | |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&ctype=text/css"/>
| + | |
− | <!-- 这部分是把HTML连接到css的代码-->
| + | |
− | | + | |
− | <style>
| + | |
− | h5.picturecaption {
| + | |
− | color: white;
| + | |
− | font-size: 50px;
| + | |
− | font-family: Consolas;
| + | |
− | }
| + | |
− | h5.pagetitle{
| + | |
− | color: #171717;
| + | |
− | font-size: 45px;
| + | |
− | font-family: "Arial";
| + | |
− | }
| + | |
− | </style> | + | |
− | <!--picturecaption 图片上方的字体-->
| + | |
− | <!--额外定义的字体-->
| + | |
| </head> | | </head> |
− | <!--以上是header属性部分,不需改动-->
| |
| | | |
| <body> | | <body> |
− | <div class="fh5co-loader"></div> | + | <!-- Header content --> |
− | <div id="page">
| + | <header> |
− | <nav class="fh5co-nav" role="navigation">
| + | <div class="profileLogo"> |
− | <div class="top-menu">
| + | <!-- Profile logo. Add a img tag in place of <span>. --> |
− | <div class="container">
| + | <p class="logoPlaceholder"><!-- <img src="logoImage.png" alt="sample logo"> --><span>LOGO</span></p> |
− | <div class="row">
| + | </div> |
− | <div class="col-xs-2"><!--左上角BIT logo-->
| + | <div class="profilePhoto"> |
− | <div id="fh5co-logo"><a href="../Team:BIT">BIT<span>.</span></a></div>
| + | <!-- Profile photo --> |
− | </div>
| + | <img src="file:///C|/Users/74761/AppData/Roaming/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eamCE7B.tmp/AboutPageAssets/images/profilephoto.png" alt="sample"> </div> |
− | <div class="col-xs-10 text-right menu-1"><!--右上角菜单-->
| + | <!-- Identity details --> |
− | <ul>
| + | <section class="profileHeader"> |
− | <li class="has-dropdown"> <a>Project</a><!--PROJECT 及其子选项-->
| + | <h1>JOHN DOE</h1> |
− | <ul class="dropdown">
| + | <h3>REALLY AWESOME WEB DESIGNER</h3> |
− | <li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
| + | <hr> |
− | <li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in.</p> |
− | <li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li>
| + | </section> |
− | <!--上面这仨都是子选项-->
| + | <!-- Links to Social network accounts --> |
− | </ul>
| + | <aside class="socialNetworkNavBar"> |
− | </li>
| + | <div class="socialNetworkNav"> |
− | <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a><!--ACHIEVEMENT 及其子选项-->
| + | <!-- Add a Anchor tag with nested img tag here --> |
− | <ul class="dropdown">
| + | <img src="file:///C|/Users/74761/AppData/Roaming/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eamCE7B.tmp/AboutPageAssets/images/social.png" alt="sample"> </div> |
− | <li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li>
| + | <div class="socialNetworkNav"> |
− | <li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li>
| + | <!-- Add a Anchor tag with nested img tag here --> |
− | <li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li>
| + | <img src="file:///C|/Users/74761/AppData/Roaming/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eamCE7B.tmp/AboutPageAssets/images/social.png" alt="sample"> </div> |
− | <li><a href="https://2017.igem.org/Team:BIT/https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li>
| + | <div class="socialNetworkNav"> |
− | </ul>
| + | <!-- Add a Anchor tag with nested img tag here --> |
− | </li>
| + | <img src="file:///C|/Users/74761/AppData/Roaming/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eamCE7B.tmp/AboutPageAssets/images/social.png" alt="sample"> </div> |
− | <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/HP">Practice</a><!--Practice 及其子选项-->
| + | <div class="socialNetworkNav"> |
− | <ul class="dropdown">
| + | <!-- Add a Anchor tag with nested img tag here --> |
− | <li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
| + | <img src="file:///C|/Users/74761/AppData/Roaming/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eamCE7B.tmp/AboutPageAssets/images/social.png" alt="sample"> </div> |
− | <li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
| + | </aside> |
− | <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li>
| + | </header> |
− | <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li>
| + | <!-- content --> |
− | </ul>
| + | <section class="mainContent"> |
− | </li>
| + | <!-- Contact details --> |
− | <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a><!--Notebook 及其子选项-->
| + | <section class="section1"> |
− | <ul class="dropdown">
| + | <h2 class="sectionTitle">Content Holder 1</h2> |
− | <li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li>
| + | <hr class="sectionTitleRule"> |
− | <li><a href="2017.igem.org/Team:BIT/Track">Track</a></li>
| + | <hr class="sectionTitleRule2"> |
− | <li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li>
| + | <div class="section1Content"> |
− | <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li>
| + | <p><span>Email :</span> johndoe@email.com</p> |
− | </ul>
| + | <p><span>Website :</span> johndoe.com</p> |
− | </li>
| + | <p><span>Phone :</span> (123)456 - 789000</p> |
− | <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Team">Team</a><!--TEAM 及其子选项-->
| + | <p><span>Address :</span> Anytown, Anycountry</p> |
− | <ul class="dropdown">
| + | |
− | <li><a href="https://2017.igem.org/Team:BIT/Collarbration">Collaborations</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:BIT/Team/Member">Member</a></li>
| + | |
− | <li><a href="https://2017.igem.org/Team:BIT/Attributions">Attributions</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li>
| + | |
− | <!--跳转到主页的链接 及其子选项-->
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </nav>
| + | |
− | <!-- 以上是页顶菜单 -->
| + | |
− |
| + | |
− | <!-- 往下是页面部分 -->
| + | |
− | <section id="content"></section>
| + | |
− | <div class="container">
| + | |
− | <h5 align="center" class="pagetitle">Just a Creative Assay for Detection of Biomakers</h5></div>
| + | |
− | <section id="works" class="works section no-padding">
| + | |
− | <div class="container-fluid"> | + | |
− | <div class="row no-gutter"> | + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/Design" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/c/cf/Work-001.jpg" alt="">
| + | |
− | <div class="overlay" >
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption"> Design</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/Demonstrate" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Demonstrate</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/Model" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/2/20/Work-03.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Model</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/HP" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/2/21/Work-04.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Practice</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/Hardware" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/1/11/Work-3.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Hardware</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/achievement" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/e/ee/Work-06.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Achievement</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/Notebook" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/c/c7/Work-05.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Notebook</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- overlay -->
| + | |
− | </a> </div>
| + | |
− | <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="https://2017.igem.org/Team:BIT/Team" class="work-box"> <img src="https://static.igem.org/mediawiki/2017/0/00/Work-2.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <div class="overlay-caption">
| + | |
− | <h5 class="picturecaption">Team</h5>
| + | |
− | <p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </a> </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| </section> | | </section> |
− | <!-- portfolio section --> | + | <!-- Previous experience details --> |
− | <!-- footer --> | + | <section class="section2"> |
− | <footer class="section footer">
| + | <h2 class="sectionTitle">Content Holder 2</h2> |
− | <div class="footer-bottom"> </div> | + | <hr class="sectionTitleRule"> |
− | </footer>
| + | <hr class="sectionTitleRule2"> |
− | <div id="fh5co-started">
| + | <!-- First Title & company details --> |
− | <div class="overlay"></div> | + | <article class="section2Content"> |
− | <div class="container"> | + | <h2 class="sectionContentTitle">Title & Company</h2> |
− | <div class="row animate-box"> | + | <h3 class="sectionContentSubTitle">Position / Date - Year</h3> |
− | <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
| + | <p class="sectionContent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p> |
− | <h2>Hire Us!</h2>
| + | </article> |
− | <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
| + | <!-- Second Title & company details --> |
− | <p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
| + | <article class="section2Content"> |
− | </div>
| + | <h2 class="sectionContentTitle"> Title & Company</h2> |
− | </div> | + | <h3 class="sectionContentSubTitle">Position / Date - Year</h3> |
− | </div>
| + | <p class="sectionContent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p> |
− | </div>
| + | </article> |
− | <footer id="fh5co-footer" role="contentinfo">
| + | <!-- Replicate the above Div block to add more title and company details --> |
− | <div class="container">
| + | </section> |
− | <div class="row row-pb-md">
| + | <!-- Links to expore your past projects and download your CV --> |
− | <div class="col-md-4 fh5co-widget">
| + | <aside class="externalResourcesNav"> |
− | <h4>Air</h4>
| + | <div class="externalResources"> <a href="#" title="Download CV Link">DOWNLOAD CV</a> </div> |
− | <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
| + | <span class="stretch"></span> |
− | </div>
| + | <div class="externalResources"><a href="#" title="Behance Link">BEHANCE</a> </div> |
− | <div class="col-md-2 col-md-push-1 fh5co-widget">
| + | <span class="stretch"></span> |
− | <h4>Links</h4>
| + | <div class="externalResources"><a href="#" title="Github Link">GITHUB</a> </div> |
− | <ul class="fh5co-footer-links">
| + | </aside> |
− | <li><a href="https://2017.igem.org/Team:BIT">Home</a></li>
| + | </section> |
− | <li><a href="https://2017.igem.org/Team:BIT/Team#">Team</a></li>
| + | <footer> |
− | <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li>
| + | <hr> |
− | <li><a href="notebook.html">Notebook</a></li>
| + | <p class="footerDisclaimer">2014 Copyrights - <span>All Rights Reserved</span></p> |
− | </ul>
| + | <p class="footerNote">John Doe - <span>Email me</span></p> |
− | </div>
| + | </footer> |
− | <div class="col-md-2 col-md-push-1 fh5co-widget">
| + | |
− | <h4>Categories</h4>
| + | |
− | <ul class="fh5co-footer-links">
| + | |
− | <li><a href="#">Landing Page</a></li>
| + | |
− | <li><a href="#">Real Estate</a></li>
| + | |
− | <li><a href="#">Personal</a></li>
| + | |
− | <li><a href="#">Business</a></li>
| + | |
− | <li><a href="#">e-Commerce</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col-md-push-1 fh5co-widget">
| + | |
− | <h4>Contact Information</h4>
| + | |
− | <ul class="fh5co-footer-links">
| + | |
− | <li>198 West 21th Street, <br>
| + | |
− | Suite 721 New York NY 10016</li>
| + | |
− | <li><a href="tel://1234567920">+ 1235 2355 98</a></li>
| + | |
− | <li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
| + | |
− | <li><a href="http://#">freehtml5.co</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row copyright"> </div>
| + | |
− | </div> | + | |
− | </footer>
| + | |
− | </div>
| + | |
− | <div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a> </div> | + | |
− | <!-- JS FILES --> | + | |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&ctype=text/jacascript"></script> | + | |
− | <script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script> | + | |
− | <script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script> | + | |
− | <script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&ctype=text/javascript"></script> | + | |
− | <!-- Bootstrap --> | + | |
− | <script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&ctype=text/javascript"></script>
| + | |
− | <!-- Waypoints -->
| + | |
− | <script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&ctype=text/javascript"></script> | + | |
− | <!-- Flexslider --> | + | |
− | <script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&ctype=text/javascript"></script>
| + | |
− | <!-- Main --> | + | |
− | <script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&ctype=text/javascript"></script>
| + | |
| </body> | | </body> |
| </html> | | </html> |