Difference between revisions of "2017.igem.org/Team:BIT/Track"

Line 1: Line 1:
−
<!doctype html>
+
<!--最后改动庸庸 11/1/2017 1:34PM Pacific Time-->
−
<!--Quite a few clients strip your Doctype out, and some even apply their own. Many clients do honor your doctype and it can make things much easier if you can validate constantly against a Doctype.-->
+
 
<html>
 
<html>
 
<head>
 
<head>
 +
<style>
 +
#sideMenu, #top_title {
 +
display: none;
 +
}
 +
#content {
 +
width: 100%;
 +
margin: 0px;
 +
padding: 0px;
 +
background: #FFF;
 +
}
 +
</style>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
−
<title>Email template By Adobe Dreamweaver CC</title>
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后！ -->
  
−
<!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
+
<title>IGEM BIT HOMEPAGE</title>
−
<!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered -->
+
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/min/CSS?action=raw&amp;ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&amp;ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/jquery.fancybox/CSS?action=raw&amp;ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/main/CSS?action=raw&amp;ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/responsive/CSS?action=raw&amp;ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/min/CSS?action=raw&amp;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&amp;ctype=text/css"/>
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/font-icon/CSS?action=raw&amp;ctype=text/css"/>
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/CSS?action=raw&amp;ctype=text/css"/>
 +
<!-- Flexslider  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&amp;ctype=text/css"/>
  
−
<style type="text/css">
+
<!-- Theme style -->
−
body {
+
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
−
margin: 0;
+
<!-- 这部分是把HTML连接到css的代码-->
−
}
+
−
body, table, td, p, a, li, blockquote {
+
−
-webkit-text-size-adjust: none!important;
+
−
font-family: averia-serif-libre;
+
−
font-style: normal;
+
−
font-weight: 400;
+
−
}
+
−
button {
+
−
width: 90%;
+
−
}
+
  
−
@media screen and (max-width:600px) {
+
<style>
−
/*styling for objects with screen size less than 600px; */
+
h5.picturecaption {
−
body, table, td, p, a, li, blockquote {
+
color: white;
−
-webkit-text-size-adjust: none!important;
+
font-size: 50px;
−
font-family: sans-serif;
+
font-family: Consolas;
−
}
+
−
table {
+
−
/* All tables are 100% width */
+
−
width: 100%;
+
−
}
+
−
.footer {
+
−
/* Footer has 2 columns each of 48% width */
+
−
height: auto !important;
+
−
max-width: 48% !important;
+
−
width: 48% !important;
+
−
}
+
−
table.responsiveImage {
+
−
/* Container for images in catalog */
+
−
height: auto !important;
+
−
max-width: 30% !important;
+
−
width: 30% !important;
+
−
}
+
−
table.responsiveContent {
+
−
/* Content that accompanies the content in the catalog */
+
−
height: auto !important;
+
−
max-width: 66% !important;
+
−
width: 66% !important;
+
−
}
+
−
.top {
+
−
/* Each Columnar table in the header */
+
−
height: auto !important;
+
−
max-width: 48% !important;
+
−
width: 48% !important;
+
−
}
+
−
.catalog {
+
−
margin-left: 0%!important;
+
−
}
+
−
}
+
−
 
+
−
@media screen and (max-width:480px) {
+
−
/*styling for objects with screen size less than 480px; */
+
−
body, table, td, p, a, li, blockquote {
+
−
-webkit-text-size-adjust: none!important;
+
−
font-family: sans-serif;
+
−
}
+
−
table {
+
−
/* All tables are 100% width */
+
−
width: 100% !important;
+
−
border-style: none !important;
+
−
}
+
−
.footer {
+
−
/* Each footer column in this case should occupy 96% width  and 4% is allowed for email client padding*/
+
−
height: auto !important;
+
−
max-width: 96% !important;
+
−
width: 96% !important;
+
−
}
+
−
.table.responsiveImage {
+
−
/* Container for each image now specifying full width */
+
−
height: auto !important;
+
−
max-width: 96% !important;
+
−
width: 96% !important;
+
−
}
+
−
.table.responsiveContent {
+
−
/* Content in catalog  occupying full width of cell */
+
−
height: auto !important;
+
−
max-width: 96% !important;
+
−
width: 96% !important;
+
−
}
+
−
.top {
+
−
/* Header columns occupying full width */
+
−
height: auto !important;
+
−
max-width: 100% !important;
+
−
width: 100% !important;
+
−
}
+
−
.catalog {
+
−
margin-left: 0%!important;
+
−
}
+
−
button {
+
−
width: 90%!important;
+
 
}
 
}
 +
h5.pagetitle {
 +
color: #171717;
 +
font-size: 45px;
 +
font-family: "Arial";
 
}
 
}
 
</style>
 
</style>
 +
<!--picturecaption 图片上方的字体-->
 +
<!--额外定义的字体-->
 
</head>
 
</head>
−
<body yahoo="yahoo">
+
<!--以上是header属性部分，不需改动-->
−
<table width="100%" cellspacing="0" cellpadding="0">
+
 
−
   <tbody>
+
<body>
−
     <tr>
+
<div class="fh5co-loader"></div>
−
       <td><table width="600" align="center" cellpadding="0" cellspacing="0">
+
<div id="page">
−
          <!-- Main Wrapper Table with initial width set to 60opx -->
+
<nav class="fh5co-nav" role="navigation">
−
           <tbody>
+
   <div class="top-menu">
−
            <tr>
+
     <div class="container">
−
              <td style="padding-top: 15px;"><table bgcolor="#FFFFFF" class="top" width="48%"  align="left" cellpadding="0" cellspacing="0" style="padding:10px 10px 10px 10px;">
+
       <div class="row">
−
                  <!-- First header column with Logo -->
+
        <div class="col-xs-2"><!--左上角BIT logo-->
−
                  <tbody>
+
           <div id="fh5co-logo"><a href="../Team:BIT">BIT<span>.</span></a></div>
−
                    <tr>
+
        </div>
−
                      <td style="font-size: 15px; color:#929292; text-align:center; font-family: averia-serif-libre; font-weight: 700;">Track Document Center</td>
+
        <div class="col-xs-10 text-right menu-1"><!--右上角菜单-->
−
                    </tr>
+
          <ul>
−
                  </tbody>
+
            <li class="has-dropdown"> <a>Project</a><!--PROJECT 及其子选项-->
−
                </table>
+
              <ul class="dropdown">
−
                <table bgcolor="#FFFFFF" class="top" width="48%"  align="left" cellpadding="0" cellspacing="0" style="padding:10px 10px 10px 10px; text-align:right">
+
                <li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
−
                  <!-- Second header column with ISSUE|DATE -->
+
                <li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
−
                  <tbody>
+
                 <li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li>
−
                    <tr>
+
                <!--上面这仨都是子选项-->
−
                      <td><a style="font-size: 15px; color:#929292; text-align:center; font-family: sans-serif; font-weight: 600; text-decoration:none;" href="https://2017.igem.org/Team:BIT">Home</a></td>
+
               </ul>
−
                    </tr>
+
            </li>
−
                  </tbody>
+
            <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a><!--ACHIEVEMENT 及其子选项-->
−
                 </table></td>
+
               <ul class="dropdown">
−
            </tr>
+
                <li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li>
−
            <tr>  
+
                 <li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li>
−
              <!-- HTML Spacer row -->
+
                <li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li>
−
               <td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left"  cellpadding="0" cellspacing="0">
+
                <li><a href="https://2017.igem.org/Team:BIT/https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li>
−
                  <tr>
+
              </ul>
−
                    <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
+
             </li>
−
                  </tr>
+
             <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/HP">Practice</a><!--Practice 及其子选项-->
−
                </table></td>
+
              <ul class="dropdown">
−
            </tr>
+
                <li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
−
            <tr>
+
                <li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
−
              <!-- HTML IMAGE SPACER -->
+
                <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li>
−
               <td style="font-size: 0; line-height: 0;" height="20"><table align="left"  cellpadding="0" cellspacing="0" >
+
                <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li>
−
                  <tr>
+
              </ul>
−
                    <td ><img src="https://static.igem.org/mediawiki/2017/c/c0/BIT_figure_TrackTitle.jpeg"  alt="" height="" width="100%" class=""></td>
+
            </li>
−
                  </tr>
+
            <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a><!--Notebook 及其子选项-->
−
                 </table></td>
+
              <ul class="dropdown">
−
            </tr>
+
                <li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li>
−
            <tr>  
+
                 <li><a href="2017.igem.org/Team:BIT/Track">Track</a></li>
−
              <!-- HTML Spacer row -->
+
                <li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li>
−
              <td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left"  cellpadding="0" cellspacing="0">
+
                <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li>
−
                  <tr>
+
              </ul>
−
                    <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
+
             </li>
−
                  </tr>
+
             <li class="has-dropdown"> <a href="https://2017.igem.org/Team:BIT/Team">Team</a><!--TEAM 及其子选项-->
−
                </table></td>
+
              <ul class="dropdown">
−
             </tr>
+
                <li><a href="https://2017.igem.org/Team:BIT/Collarbration">Collaborations</a></li>
−
             <tr>
+
                <li><a href="https://2017.igem.org/Team:BIT/Team/Member">Member</a></li>
−
              <!-- Introduction area -->
+
                <li><a href="https://2017.igem.org/Team:BIT/Attributions">Attributions</a></li>
−
              <td><table width="96%"  align="left" cellpadding="0" cellspacing="0">
+
              </ul>
−
                  <tr>  
+
            </li>
−
                    <!-- row container for Tagline -->
+
            <li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li>
−
                    <td align="center" style="font-size: 25px; font-weight:700; color:#797676; font-family:'monospace'; padding-top: 20px;">Here are the solid stuff #data</td>
+
            <!--跳转到主页的链接 及其子选项-->
−
                  </tr>
+
          </ul>
−
                  <tr>  
+
        </div>
−
                    <!-- 组名 -->
+
      </div>
−
                    <td align="left" style="font-size: 15px; font-weight:600; color: #929292; font-family: sans-serif; padding-top: 10px;">Biosensing Group</td>
+
    </div>
−
                  </tr>
+
  </div>
−
                  <tr>  
+
</nav>
−
                    <!-- Row container for Intro/ Description -->
+
<!-- 以上是页顶菜单 -->  
−
                    <a href="https://static.igem.org/mediawiki/2017/d/d1/BIT_File_TheSpecificBindingofAFPtoAP.pdf" style="text-decoration: none"><td align="left" style="font-size: 12px; font-style: normal; font-weight: 100; color: #929292; line-height: 1.8; text-align:justify; padding:0px 20px 0px 20px; font-family: sans-serif;">1. The specific binding of AFP to AP-273</td></a>
+
 
−
                  </tr>
+
<!-- 往下是页面部分 -->
−
  <tr>  
+
 
−
                    <!-- Row container for Intro/ Description -->
+
<section id="works" class="works section no-padding">
−
                    <a href="https://static.igem.org/mediawiki/2017/d/d1/BIT_File_TheSpecificBindingofAFPtoAP.pdf"><td align="left" style="font-size: 12px; font-style: normal; font-weight: 100; color: #929292; line-height: 1.8; text-align:justify; padding:0px 20px 0px 20px; font-family: sans-serif;">1. The specific binding of AFP to AP-273</td></a>
+
<div class="container">
−
                  </tr>
+
  <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/c0/BIT_figure_TrackTitle.jpeg" alt=""></div>
−
                 </table></td>
+
  </section>
−
            </tr>
+
  <!-- portfolio section -->  
−
            <tr>  
+
  <!-- footer -->
−
              <!-- HTML Spacer row -->
+
  <footer class="section footer">
−
              <td style="font-size: 0; line-height: 0;" height="10"><table width="96%" align="left"  cellpadding="0" cellspacing="0">
+
    <div class="footer-bottom"> </div>
−
                  <tr>
+
  </footer>
−
                    <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
+
  <div id="fh5co-started">
−
                  </tr>
+
    <div class="overlay"></div>
−
                </table></td>
+
    <div class="container">
−
             </tr>
+
      <div class="row animate-box">
−
             <tr>
+
        <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
−
              <td><table cellpadding="0" cellspacing="0" align="center" width="84%" style="margin-left:12.5%" class="catalog">
+
          <h2>Hire Us!</h2>
−
                  <!-- Table for catalog -->
+
          <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
−
                  <tr>
+
          <p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
−
                    <td ><table class ="responsive-table" width="48%"  cellspacing="0" cellpadding="0" align="left" style="margin: 10px 0px 10px 0px;">
+
        </div>
−
                        <!-- Table container for each image and description in catalog -->
+
      </div>
−
                        <tbody>
+
    </div>
−
                          <tr>
+
  </div>
−
                            <td><table class="table.responsiveImage" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
  <footer id="fh5co-footer" role="contentinfo">
−
                                <!-- Table container for image -->
+
    <div class="container">
−
                                <tbody>
+
      <div class="row row-pb-md">
−
                                  <tr>
+
        <div class="col-md-4 fh5co-widget">
−
                                    <td align="center" style="padding:10px 3px 10px 3px;"><img src="images/120x120.gif" alt="sample" style="width: 120px;"></td>
+
          <h4>Air</h4>
−
                                  </tr>
+
          <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
−
                                </tbody>
+
        </div>
−
                              </table>
+
        <div class="col-md-2 col-md-push-1 fh5co-widget">
−
                              <table class="table.responsiveContent" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
          <h4>Links</h4>
−
                                <!-- Table container for content -->
+
          <ul class="fh5co-footer-links">
−
                                <tbody>
+
            <li><a href="https://2017.igem.org/Team:BIT">Home</a></li>
−
                                  <tr>
+
            <li><a href="https://2017.igem.org/Team:BIT/Team#">Team</a></li>
−
                                    <td><p style="font-size: 14px; font-style: normal; font-weight: normal; color: #929292;  padding: 5px 0px 0px 10px;line-height: 1.5em; font-family: sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus</p>
+
            <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li>
−
                                      <a href="#" style="text-decoration:none">
+
            <li><a href="notebook.html">Notebook</a></li>
−
                                      <p style="background-color:#AAAAAA; text-align:center; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px;color: #FFFFFF;  font-family: sans-serif; ">Read More</p>
+
          </ul>
−
                                      </a></td>
+
        </div>
−
                                  </tr>
+
        <div class="col-md-2 col-md-push-1 fh5co-widget">
−
                                </tbody>
+
          <h4>Categories</h4>
−
                              </table></td>
+
          <ul class="fh5co-footer-links">
−
                          </tr>
+
            <li><a href="#">Landing Page</a></li>
−
                        </tbody>
+
            <li><a href="#">Real Estate</a></li>
−
                      </table>
+
            <li><a href="#">Personal</a></li>
−
                      <table class ="responsive-table" width="48%"  cellspacing="0" cellpadding="0" align="left" style="margin: 10px 0px 10px 0px;">
+
            <li><a href="#">Business</a></li>
−
                        <!-- Table container for each image and description in catalog -->
+
            <li><a href="#">e-Commerce</a></li>
−
                        <tbody>
+
          </ul>
−
                          <tr>
+
        </div>
−
                            <td><table class="table.responsiveImage" width="66%" cellspacing="0" cellpadding="0" align="left">
+
        <div class="col-md-4 col-md-push-1 fh5co-widget">
−
                                <!-- Table container for image -->
+
          <h4>Contact Information</h4>
−
                                <tbody>
+
          <ul class="fh5co-footer-links">
−
                                  <tr>
+
            <li>198 West 21th Street, <br>
−
                                    <td align="center" style="padding:10px 3px 10px 3px;"><img src="images/120x120.gif" alt="sample" style="width: 120px;"></td>
+
              Suite 721 New York NY 10016</li>
−
                                  </tr>
+
            <li><a href="tel://1234567920">+ 1235 2355 98</a></li>
−
                                </tbody>
+
            <li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
−
                              </table>
+
            <li><a href="http://#">freehtml5.co</a></li>
−
                              <table class="table.responsiveContent" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
          </ul>
−
                                <!-- Table container for content -->
+
        </div>
−
                                <tbody>
+
      </div>
−
                                  <tr>
+
      <div class="row copyright"> </div>
−
                                    <td><p style="font-size: 14px; font-style: normal; font-weight: normal; color: #929292;  padding: 5px 0px 0px 10px;line-height: 1.5em; font-family: sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus</p>
+
    </div>
−
                                      <a href="#" style="text-decoration:none">
+
  </footer>
−
                                      <p style="background-color:#AAAAAA; text-align:center; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px;color: #FFFFFF;  font-family: sans-serif; ">Read More</p>
+
</div>
−
                                      </a></td>
+
<div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a> </div>
−
                                  </tr>
+
<!-- JS FILES -->  
−
                                </tbody>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>  
−
                              </table></td>
+
<script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script>  
−
                          </tr>
+
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script>  
−
                        </tbody>
+
<script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
                      </table></td>
+
<!-- Bootstrap -->  
−
                  </tr>
+
<script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
                  <tr>
+
<!-- Waypoints -->  
−
                    <td><table class ="responsive-table" width="48%" cellspacing="0" cellpadding="0" align="left" style="margin: 10px 0px 10px 0px;">
+
<script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
                        <!-- Table container for each image and description in catalog -->
+
<!-- Flexslider -->  
−
                        <tbody>
+
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
                          <tr>
+
<!-- Main -->  
−
                            <td><table class="table.responsiveImage" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
<script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&amp;ctype=text/javascript"></script>
−
                                <!-- Table container for image -->
+
−
                                <tbody>
+
−
                                  <tr>
+
−
                                    <td align="center" style="padding:10px 3px 10px 3px;"><img src="images/120x120.gif" alt="sample" style="width: 120px;"></td>
+
−
                                  </tr>
+
−
                                </tbody>
+
−
                              </table>
+
−
                              <table class="table.responsiveContent" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
−
                                <!-- Table container for content -->
+
−
                                <tbody>
+
−
                                  <tr>
+
−
                                    <td><p style="font-size: 14px; font-style: normal; font-weight: normal; color: #929292;  padding: 5px 0px 0px 10px;line-height: 1.5em; font-family: sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus</p>
+
−
                                      <a href="#" style="text-decoration:none">
+
−
                                      <p style="background-color:#AAAAAA; text-align:center; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px;color: #FFFFFF;  font-family: sans-serif;">Read More</p>
+
−
                                      </a></td>
+
−
                                  </tr>
+
−
                                </tbody>
+
−
                              </table></td>
+
−
                          </tr>
+
−
                        </tbody>
+
−
                      </table>
+
−
                      <table class ="responsive-table" width="48%"  cellspacing="0" cellpadding="0" align="left" style="margin: 10px 0px 10px 0px;">
+
−
                        <!-- Table container for each image and description in catalog -->
+
−
                        <tbody>
+
−
                          <tr>
+
−
                            <td><table class="table.responsiveImage" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
−
                                <!-- Table container for image -->
+
−
                                <tbody>
+
−
                                  <tr>
+
−
                                    <td align="center" style="padding:10px 3px 10px 3px;"><img src="images/120x120.gif" alt="sample" style="width: 120px;"></td>
+
−
                                  </tr>
+
−
                                </tbody>
+
−
                              </table>
+
−
                              <table class="table.responsiveContent" width="66%"  cellspacing="0" cellpadding="0" align="left">
+
−
                                <!-- Table container for content -->
+
−
                                <tbody>
+
−
                                  <tr>
+
−
                                    <td><p style="font-size: 14px; font-style: normal; font-weight: normal; color: #929292;  padding: 5px 0px 0px 10px;line-height: 1.5em; font-family: sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus</p>
+
−
                                      <a href="#" style="text-decoration:none">
+
−
                                      <p style="background-color:#AAAAAA; text-align:center; padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px;color: #FFFFFF;  font-family: sans-serif;">Read More</p>
+
−
                                      </a></td>
+
−
                                  </tr>
+
−
                                </tbody>
+
−
                              </table></td>
+
−
                          </tr>
+
−
                        </tbody>
+
−
                      </table></td>
+
−
                  </tr>
+
−
                </table></td>
+
−
            </tr>
+
−
            <tr>  
+
−
              <!-- HTML spacer row -->
+
−
              <td style="font-size: 0; line-height: 0;" height="20"><table width="96%" align="left"  cellpadding="0" cellspacing="0">
+
−
                  <tr>
+
−
                    <td style="font-size: 0; line-height: 0;" height="20">&nbsp;</td>
+
−
                  </tr>
+
−
                </table></td>
+
−
            </tr>
+
−
            <tr bgcolor="#d0cfcf">
+
−
              <td><table class="footer" width="48%"  align="left" cellpadding="0" cellspacing="0">
+
−
                  <!-- First column of footer content -->
+
−
                  <tr>
+
−
                    <td><p align="center"  style="font-size: 22px; font-weight:300; line-height: 2.5em; color: #929292; font-family: sans-serif;">COMPANY NAME</p>
+
−
                      <p align="center" style="font-size: 12px; color:#929292; text-align:center; font-family: sans-serif;">SOME AWESOME TAGLINE</p></td>
+
−
                  </tr>
+
−
                </table>
+
−
                <table class="footer" width="48%"  align="left" cellpadding="0" cellspacing="0">
+
−
                  <!-- Second column of footer content -->
+
−
                  <tr>
+
−
                    <td><p style="font-size: 14px; font-style: normal; font-weight:normal; color: #ffffff; line-height: 1.8; text-align:justify;padding-top:10px; margin-left:20px; margin-right:20px; font-family: sans-serif;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus quam, eu luctus risus tincidunt ultrices. Mauris interdum magna ut orci tempus feugiat. </p>
+
−
                      <p align="right" style="font-family: sans-serif;"> <a style="color:#929292; text-decoration:none; padding-left:20px; font-size:14px;" href="#">Link 1</a> <a style="color:#929292; text-decoration:none; padding-left:20px;  font-size:14px;" href="#">Link 2</a> <a style="color:#929292; text-decoration:none; font-size:14px; padding-left:20px; padding-right:20px; " href="#">Link 3</a></p></td>
+
−
                  </tr>
+
−
                </table></td>
+
−
            </tr>
+
−
          </tbody>
+
−
        </table></td>
+
−
    </tr>
+
−
  </tbody>
+
−
</table>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 23:40, 1 November 2017

IGEM BIT HOMEPAGE