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

Line 1: Line 1:
 
<!doctype html>
 
<!doctype html>
 +
<!--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>
Line 14: Line 15:
 
</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">
−
<title>About Page template By Adobe Dreamweaver CC</title>
+
<title>Email 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">
+
<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"/>
  
−
<!--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.-->
+
<!-- Theme style  -->
−
<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/style/CSS?action=raw&amp;ctype=text/css"/>
−
</head>
+
<!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
 +
<!-- 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 -->
  
−
<body>
+
<style type="text/css">
−
<!-- Header content -->
+
body {
−
<header>
+
margin: 0;
−
  <div class="profileLogo">  
+
}
−
    <!-- Profile logo. Add a img tag in place of <span>. -->
+
body, table, td, p, a, li, blockquote {
−
     <p class="logoPlaceholder"><!-- <img src="logoImage.png" alt="sample logo"> --><span>LOGO</span></p>
+
-webkit-text-size-adjust: none!important;
−
  </div>
+
font-family: averia-serif-libre;
−
  <div class="profilePhoto">  
+
font-style: normal;
−
    <!-- Profile photo -->  
+
font-weight: 400;
−
    <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>
+
}
−
  <!-- Identity details -->
+
button {
−
  <section class="profileHeader">
+
width: 90%;
−
    <h1>JOHN DOE</h1>
+
}
−
    <h3>REALLY AWESOME WEB DESIGNER</h3>
+
 
−
    <hr>
+
@media screen and (max-width:600px) {
−
    <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>
+
/*styling for objects with screen size less than 600px; */
−
  </section>
+
body, table, td, p, a, li, blockquote {
−
  <!-- Links to Social network accounts -->
+
-webkit-text-size-adjust: none!important;
−
  <aside class="socialNetworkNavBar">
+
font-family: sans-serif;
−
    <div class="socialNetworkNav">  
+
}
−
      <!-- Add a Anchor tag with nested img tag here -->  
+
table {
−
      <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>
+
/* All tables are 100% width */
−
    <div class="socialNetworkNav">  
+
width: 100%;
−
      <!-- Add a Anchor tag with nested img tag here -->  
+
}
−
      <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>
+
.footer {
−
    <div class="socialNetworkNav">  
+
/* Footer has 2 columns each of 48% width */
−
      <!-- Add a Anchor tag with nested img tag here -->  
+
height: auto !important;
−
      <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>
+
max-width: 48% !important;
−
    <div class="socialNetworkNav">  
+
width: 48% !important;
−
      <!-- Add a Anchor tag with nested img tag here -->  
+
}
−
      <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>
+
table.responsiveImage {
−
  </aside>
+
/* Container for images in catalog */
−
</header>
+
height: auto !important;
−
<!-- content -->
+
max-width: 30% !important;
−
<section class="mainContent">  
+
width: 30% !important;
−
  <!-- Contact details -->
+
}
−
  <section class="section1">
+
table.responsiveContent {
−
    <h2 class="sectionTitle">Content Holder 1</h2>
+
/* Content that accompanies the content in the catalog */
−
    <hr class="sectionTitleRule">
+
height: auto !important;
−
    <hr class="sectionTitleRule2">
+
max-width: 66% !important;
−
    <div class="section1Content">
+
width: 66% !important;
−
      <p><span>Email :</span> johndoe@email.com</p>
+
}
−
      <p><span>Website :</span> johndoe.com</p>
+
.top {
−
      <p><span>Phone :</span> (123)456 - 789000</p>
+
/* Each Columnar table in the header */
−
      <p><span>Address :</span> Anytown, Anycountry</p>
+
height: auto !important;
−
    </div>
+
max-width: 48% !important;
−
  </section>
+
width: 48% !important;
−
  <!-- Previous experience details -->
+
}
−
  <section class="section2">
+
.catalog {
−
    <h2 class="sectionTitle">Content Holder 2</h2>
+
margin-left: 0%!important;
−
    <hr class="sectionTitleRule">
+
}
−
    <hr class="sectionTitleRule2">
+
}
−
    <!-- First Title & company details  -->
+
 
−
    <article class="section2Content">
+
@media screen and (max-width:480px) {
−
      <h2 class="sectionContentTitle">Title & Company</h2>
+
/*styling for objects with screen size less than 480px; */
−
      <h3 class="sectionContentSubTitle">Position / Date - Year</h3>
+
body, table, td, p, a, li, blockquote {
−
      <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>
+
-webkit-text-size-adjust: none!important;
−
    </article>
+
font-family: sans-serif;
−
    <!-- Second Title & company details  -->
+
}
−
    <article class="section2Content">
+
table {
−
      <h2 class="sectionContentTitle"> Title & Company</h2>
+
/* All tables are 100% width */
−
      <h3 class="sectionContentSubTitle">Position / Date - Year</h3>
+
width: 100% !important;
−
      <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>
+
border-style: none !important;
−
    </article>
+
}
−
    <!-- Replicate the above Div block to add more title and company details -->  
+
.footer {
−
  </section>
+
/* Each footer column in this case should occupy 96% width  and 4% is allowed for email client padding*/
−
  <!-- Links to expore your past projects and download your CV -->
+
height: auto !important;
−
  <aside class="externalResourcesNav">
+
max-width: 96% !important;
−
    <div class="externalResources"> <a href="#" title="Download CV Link">DOWNLOAD CV</a> </div>
+
width: 96% !important;
−
    <span class="stretch"></span>
+
}
−
    <div class="externalResources"><a href="#" title="Behance Link">BEHANCE</a> </div>
+
.table.responsiveImage {
−
    <span class="stretch"></span>
+
/* Container for each image now specifying full width */
−
    <div class="externalResources"><a href="#" title="Github Link">GITHUB</a> </div>
+
height: auto !important;
−
  </aside>
+
max-width: 96% !important;
−
</section>
+
width: 96% !important;
−
<footer>
+
}
−
  <hr>
+
.table.responsiveContent {
−
  <p class="footerDisclaimer">2014  Copyrights - <span>All Rights Reserved</span></p>
+
/* Content in catalog  occupying full width of cell */
−
  <p class="footerNote">John Doe - <span>Email me</span></p>
+
height: auto !important;
−
</footer>
+
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;
 +
}
 +
}
 +
</style>
 +
</head>
 +
<body yahoo="yahoo">
 +
<table width="100%"  cellspacing="0" cellpadding="0">
 +
  <tbody>
 +
     <tr>
 +
      <td><table width="600"  align="center" cellpadding="0" cellspacing="0">
 +
          <!-- Main Wrapper Table with initial width set to 60opx -->
 +
          <tbody>
 +
            <tr>
 +
              <td style="padding-top: 15px;"><table bgcolor="#FFFFFF" class="top" width="48%"  align="left" cellpadding="0" cellspacing="0" style="padding:10px 10px 10px 10px;">
 +
                  <!-- First header column with Logo -->
 +
                  <tbody>
 +
                    <tr>
 +
                      <td style="font-size: 15px; color:#929292; text-align:center; font-family: averia-serif-libre; font-weight: 700;">Track Document Center</td>
 +
                    </tr>
 +
                  </tbody>
 +
                </table>
 +
                <table bgcolor="#FFFFFF" class="top" width="48%"  align="left" cellpadding="0" cellspacing="0" style="padding:10px 10px 10px 10px; text-align:right">
 +
                  <!-- Second header column with ISSUE|DATE -->
 +
                  <tbody>
 +
                    <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>
 +
                    </tr>
 +
                  </tbody>
 +
                </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>
 +
              <!-- HTML IMAGE SPACER -->
 +
              <td style="font-size: 0; line-height: 0;" height="20"><table align="left"  cellpadding="0" cellspacing="0" >
 +
                  <tr>
 +
                    <td ><img src="https://static.igem.org/mediawiki/2017/c/c0/BIT_figure_TrackTitle.jpeg" alt="" height="" width="100%" class=""></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>
 +
              <!-- Introduction area -->
 +
              <td><table width="96%"  align="left" cellpadding="0" cellspacing="0">
 +
                  <tr>
 +
                    <!-- row container for Tagline -->
 +
                    <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>
 +
                  <tr>
 +
                    <!-- 组名 -->
 +
                    <td align="left" style="font-size: 15px; font-weight:600; color: #929292; font-family: sans-serif; padding-top: 10px;">Biosensing Group</td>
 +
                  </tr>
 +
                  <tr>
 +
                    <!-- 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 -->
 +
                    <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>
 +
                  </tr>
 +
                </table></td>
 +
            </tr>
 +
            <tr>
 +
              <!-- HTML Spacer row -->
 +
              <td style="font-size: 0; line-height: 0;" height="10"><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>
 +
              <td><table cellpadding="0" cellspacing="0" align="center" width="84%" style="margin-left:12.5%" class="catalog">
 +
                  <!-- Table for catalog -->
 +
                  <tr>
 +
                    <td ><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>
 +
                      <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>
 +
                  <tr>
 +
                    <td><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>
 +
                      <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 22:52, 1 November 2017

<!doctype html> Email template By Adobe Dreamweaver CC

Track Document Center
Home
 
 
Here are the solid stuff #data
Biosensing Group
1. The specific binding of AFP to AP-273
1. The specific binding of AFP to AP-273
 
sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More
sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More
sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More
sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More
 

COMPANY NAME

SOME AWESOME TAGLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus quam, eu luctus risus tincidunt ultrices. Mauris interdum magna ut orci tempus feugiat.

Link 1 Link 2 Link 3