Difference between revisions of "Team:Minnesota/team"

Line 1: Line 1:
−
<!DOCTYPE html>
+
<html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="en" data-useragent="Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.157 Safari/537.36"><head>
−
<html>
+
<meta charset="utf-8">
−
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
     <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
+
<title>Foundation Template | Marketing-2</title>
−
            <!--
+
<meta name="description" content="Documentation and reference library for ZURB Foundation. JavaScript, CSS, components, grid and more.">
−
     Important Note About This Website's SEO
+
<meta name="author" content="ZURB, inc. ZURB network also includes zurb.com">
 +
<meta name="copyright" content="ZURB, inc. Copyright (c) 2015">
 +
<link rel="stylesheet" href="../assets/css/templates/foundation.css">
 +
<script src="../assets/js/modernizr.js"></script>
 +
<meta class="foundation-data-attribute-namespace"><meta class="foundation-mq-xxlarge"><meta class="foundation-mq-xlarge-only"><meta class="foundation-mq-xlarge"><meta class="foundation-mq-large-only"><meta class="foundation-mq-large"><meta class="foundation-mq-medium-only"><meta class="foundation-mq-medium"><meta class="foundation-mq-small-only"><meta class="foundation-mq-small"><style></style><meta class="foundation-mq-topbar"></head>
 +
<body><div id="StayFocusd-infobar" style="display: none; top: 0px;">
 +
     <img src="chrome-extension://laankejkbhbdhmipfmgcngdelahlfoji/common/img/eye_19x19_red.png">
 +
    <span id="StayFocusd-infobar-msg"></span>
 +
    <span id="StayFocusd-infobar-links">
 +
        <a id="StayFocusd-infobar-never-show">hide forever</a>&nbsp;&nbsp;|&nbsp;&nbsp;
 +
        <a id="StayFocusd-infobar-hide">hide once</a>
 +
     </span>
 +
</div>
 +
<nav class="top-bar" data-topbar="">
 +
<ul class="title-area">
 +
<li class="name">
 +
 +
<h1><a href="#">My Site</a></h1>
 +
</li>
 +
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
 +
</ul>
  
−
     (That is where search engines like Google go to read the content on your internal pages.)
+
<section class="top-bar-section">
 +
 +
<ul class="right">
 +
<li><a href="#">Nav Button</a></li>
 +
<li><a href="#">Nav Button</a></li>
 +
<li><a href="#">Nav Button</a></li>
 +
<li><a href="#">Nav Button</a></li>
 +
<li><a href="#">Nav Button</a></li>
 +
<li><a href="#">Nav Button</a></li>
 +
</ul>
 +
</section></nav>
 +
<header>
 +
<div class="row">
 +
<div class="large-12 column">
 +
<img src="http://placehold.it/1500x400&amp;text=[stuff and img]">
 +
</div>
 +
</div>
 +
</header>
 +
<br>
 +
<div class="row">
 +
<div class="medium-3 large-3 text-center columns">
 +
<img src="http://placehold.it/150x150&amp;text=[things]">
 +
<h4>Title of Content</h4>
 +
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
 +
</div>
 +
<div class="medium-3 large-3 text-center column">
 +
<img src="http://placehold.it/150x150&amp;text=[things]">
 +
<h4>Title of Content</h4>
 +
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
 +
</div>
 +
<div class="medium-3 large-3 text-center column">
 +
<img src="http://placehold.it/150x150&amp;text=[things]">
 +
<h4>Title of Content</h4>
 +
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
 +
</div>
 +
<div class="medium-3 large-3 text-center column">
 +
<img src="http://placehold.it/150x150&amp;text=[things]">
 +
<h4>Title of Content</h4>
 +
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
 +
</div>
 +
</div>
 +
<div class="orbit-container"><ul class="example-orbit-content orbit-slides-container" data-orbit="" style="height: 171px;">
 +
<li data-orbit-slide="headline-1" class="active">
 +
<div class="text-center panel">
 +
<h2>Headline 1</h2>
 +
<h3>Subheadline</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!</p>
 +
</div>
 +
</li>
 +
<li data-orbit-slide="headline-2">
 +
<div class="text-center panel">
 +
<h2>Headline 2</h2>
 +
<h3>Subheadline</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!</p>
 +
</div>
 +
</li>
 +
<li data-orbit-slide="headline-3">
 +
<div class="text-center panel">
 +
<h2>Headline 3</h2>
 +
<h3>Subheadline</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!</p>
 +
</div>
 +
</li>
 +
</ul><a href="#" class="orbit-prev"><span></span></a><a href="#" class="orbit-next"><span></span></a><div class="orbit-timer paused"><span></span><div class="orbit-progress" style="width: 34.8%;"></div></div><div class="orbit-slide-number"><span>1</span> of <span>3</span></div><div class="orbit-bullets-container"><ol class="orbit-bullets"><li data-orbit-slide="0" class="active"></li><li data-orbit-slide="1"></li><li data-orbit-slide="2"></li></ol></div></div>
 +
<div class="row">
 +
<div class="large-12 columns">
 +
<h2>Secondary Header</h2>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="medium-4 large-4 columns">
 +
<h3>Title of Content</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
 +
<h3>Title of Content</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
 +
<h3>Title of Content</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
 +
</div>
 +
<div class="medium-4 large-4 columns">
 +
<h3>Title of Content</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
 +
<h3>Title of Content</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
 +
<h3>Title of Content</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
 +
</div>
 +
<div class="medium-4 large-4 columns text-center">
 +
<img src="http://placehold.it/300x500&amp;text=[things]">
 +
</div>
 +
</div>
 +
<hr>
 +
<div class="row">
 +
<div class="large-12 columns">
 +
<h2>Tertiary Header</h2>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="medium-4 large-4 columns text-center">
 +
<img src="http://placehold.it/300x250&amp;text=[things]">
 +
<p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.</p>
 +
</div>
 +
<div class="medium-4 large-4 columns text-center">
 +
<img src="http://placehold.it/300x250&amp;text=[things]">
 +
<p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.</p>
 +
</div>
 +
<div class="medium-4 large-4 columns text-center">
 +
<img src="http://placehold.it/300x250&amp;text=[things]">
 +
<p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.</p>
 +
</div>
 +
</div>
 +
<div class="panel">
 +
<div class="row">
 +
<div class="medium-6 large-6 columns">© Copyright no one at all. Go to town.</div>
 +
<div class="medium-6 large-6 columns">
 +
<ul class="inline-list right">
 +
<li><a href="#">link</a></li>
 +
<li><a href="#">link</a></li>
 +
<li><a href="#">link</a></li>
 +
<li><a href="#">link</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<script>
 +
  document.write('<script src=js/vendor/' +
 +
  ('__proto__' in {} ? 'zepto' : 'jquery') +
 +
  '.js><\/script>')
 +
  </script><script src="js/vendor/zepto.js"></script>
 +
<script src="../../assets/js/jquery.js"></script>
 +
<script src="js/foundation.min.js"></script>
 +
<script>
 +
     $(document).foundation();
 +
  </script>
 +
<script src="../assets/js/templates/jquery.js"></script>
 +
<script src="../assets/js/templates/foundation.js"></script>
 +
<script>
 +
      $(document).foundation();
  
−
    For more information about Ajax Crawling technology, read Google's explanation here: https://developers.google.com/webmasters/ajax-crawling/
+
      var doc = document.documentElement;
−
-->
+
      doc.setAttribute('data-useragent', navigator.userAgent);
−
 
+
−
   
+
−
                <meta charset="utf-8"/>
+
−
<title>igem-home-page</title>
+
−
<meta name="fb_admins_meta_tag" content=""/>
+
−
 
+
−
<meta http-equiv="etag" content="8b576b64e55d253d261f60bb91f44284"/>
+
−
<meta property="og:title" content="igem-home-page"/>
+
−
<meta property="og:type" content="article"/>
+
−
<meta property="og:url" content="http://hole0077.wix.com/igem-home-page"/>
+
−
<meta property="og:site_name" content="igem-home-page"/>
+
−
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
+
−
 
+
−
<meta id="wixMobileViewport" name="viewport" content="minimum-scale=0.25, maximum-scale=1.2"/>
+
−
 
+
−
 
+
−
       
+
−
 
+
−
            <script>
+
−
            // BEAT MESSAGE
+
−
    try {
+
−
        window.wixBiSession = {
+
−
            initialTimestamp : Date.now(),
+
−
            viewerSessionId: 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c)
+
−
                    { var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); return v.toString(16); }
+
−
            )
+
−
        };
+
−
        (new Image()).src = 'http://frog.wix.com/bt?src=29&evid=3&pn=1&et=1&v=3.0&vsi=' + wixBiSession.viewerSessionId +
+
−
                '&url=' + encodeURIComponent(location.href.replace(/^http(s)?:\/\/(www\.)?/, '')) +
+
−
                '&isp=0&st=2&ts=0&c=' + wixBiSession.initialTimestamp;
+
−
    } catch (e){}
+
−
    // BEAT MESSAGE END
+
−
</script>   
+
−
   
+
−
 
+
−
 
+
−
    <meta name="fragment" content="!"/>
+
−
    <!-- DATA -->
+
−
<script type="text/javascript">
+
−
    var adData = {"topLabel":"<span class=\"smallMusa\">(Wix-Logo) </span>Create a <span class=\"smallLogo\">Wix</span> site!","topContent":"<br /><br /><span class=\"emphasis spacer\"> >></span>","footerLabel":"<div class=\"adFootBox\"><div class=\"siteBanner\" ><div class=\"siteBanner\"><div class=\"wrapper\"><div class=\"bigMusa\">(Wix Logo)</div><div class=\"txt shd\" style=\"color:#fff\"> </div> <div class=\"txt shd\"><a  href=\"http://www.wix.com?utm_campaign=vir_wixad_live&experiment_id=abtestbanner122400001\" style=\"color:#fff\"> </a></div> <div class=\"txt shd\" style=\"color:#fff\"> <span class=\"emphasis\"> >></span></div></div></div></div></div>","adUrl":"http://www.wix.com/lpviral/stun-vrl-lil-seo?utm_campaign=vir_wixad_live&experiment_id=abtestbanner122400001"};
+
−
    var mobileAdData = {"footerLabel":"7c3dbd_67131d7bd570478689be752141d4e28a.jpg","adUrl":"http://www.wix.com?utm_campaign=vir_wixad_live&experiment_id=abtestbanner122400001"};
+
−
    var usersDomain = "https://users.wix.com/wix-users";
+
−
        </script>
+
−
 
+
−
 
+
−
                    <script type="text/javascript">
+
−
    var santaBase = '';
+
−
        var clientSideRender = true;
+
 
     </script>
 
     </script>
−
<script src="http://static.parastorage.com/services/third-party/requirejs/2.1.15/require.min.js"></script>
 
−
<script src="http://static.parastorage.com/services/santa-versions/1.342.0/main-r.js"></script>
 
−
<link rel="stylesheet" href="http://static.parastorage.com/services/santa-versions/1.342.0/viewer.css">
 
  
−
    </head>
+
</body></html>
−
<body>
+
−
                <div id="SITE_CONTAINER"></div>
+
−
   
+
−
   
+
−
       
+
−
   
+
−
<div comp="wysiwyg.viewer.components.WixAds" skin="wysiwyg.viewer.skins.wixadsskins.WixAdsWebSkin" id="wixFooter"></div>
+
−
   
+
−
   
+
−
   
+
−
       
+
−
   
+
−
</body>
+
−
</html>
+

Revision as of 23:33, 2 September 2015

Foundation Template | Marketing-2


Title of Content

Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.

Title of Content

Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.

Title of Content

Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.

Title of Content

Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.

  • Headline 1

    Subheadline

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!

  • Headline 2

    Subheadline

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!

  • Headline 3

    Subheadline

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!

1 of 3

Secondary Header

Title of Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.

Title of Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.

Title of Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.

Title of Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.

Title of Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.

Title of Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.

Tertiary Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.

© Copyright no one at all. Go to town.