Difference between revisions of "Team:BIT/Interlab/test"

Line 1: Line 1:
<html>
 
<body>
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后! -->
 
 
<title>Dsign - Minimal portfolio Bootstrap template</title>
 
<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"/>
 
 
<!-- Theme style  -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
 
  
+
<html lang="">
 +
<head>
 +
<title>Jeren</title>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 +
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
 
</head>
 
</head>
 
+
<body id="top">
<body>
+
<div class="wrapper row0">
<!-- header section -->
+
  <div id="topbar" class="hoc clear">  
+
        <div class="fl_left">
<div class="fh5co-loader"></div>
+
      <ul class="nospace">
+
        <li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
<div id="page">
+
        <li><i class="fa fa-envelope-o"></i> info@domain.com</li>
<nav class="fh5co-nav" role="navigation">
+
      </ul>
<div class="top-menu">
+
    </div>
<div class="container">
+
    <div class="fl_right">
<div class="row">
+
      <ul class="nospace">
<div class="col-xs-2">
+
        <li><a href="#"><i class="fa fa-lg fa-home"></i></a></li>
<div id="fh5co-logo"><a href="../index.html">BIT<span>.</span></a></div>
+
        <li><a href="#">About</a></li>
</div>
+
        <li><a href="#">Contact</a></li>
<div class="col-xs-10 text-right menu-1">
+
        <li><a href="#">Login</a></li>
<ul>
+
        <li><a href="#">Register</a></li>
+
      </ul>
+
    </div>
<li class="has-dropdown">
+
       </div>
<a>Project</a>
+
<ul class="dropdown">
+
<li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li>
+
</ul>
+
</li>
+
<li class="has-dropdown">
+
<a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a>
+
<ul class="dropdown">
+
<li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li>
+
                                                                        <li><a href="https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li>
+
</ul>
+
</li>
+
                       
+
<li class="has-dropdown">
+
<a href="https://2017.igem.org/Team:BIT/HP"style="color:#1b8fac">Practice</a>
+
<ul class="dropdown">
+
<li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
+
        <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li>
+
                                                                <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li>
+
</ul>
+
</li>
+
<li class="has-dropdown">
+
<a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a>
+
<ul class="dropdown">
+
<li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Track">Track</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li>
+
                                                                <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li>
+
</ul>
+
</li>
+
                                                        <li class="has-dropdown">
+
<a href="https://2017.igem.org/Team:BIT/Team">Team</a>
+
<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>
+
<div id="fh5co-about">
+
<div class="container">
+
<div class="row animate-box">
+
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
<h1>HP-GOLD and Integrated</h1>
+
+
</div>
+
</div>
+
<div class="row animate-box">
+
<div class="col-md-6 col-md-offset-3 text-center heading-section">
+
<h2>What Can We Solve?</h2>
+
<p>This year, the final goal of iGEM_BIT team is to provide the potential versatility, precision, and affordability of JACOB—essentially a representation of modularized biomarker detections—to ordinary communities. Biomarkers can reflect the user’s risk of corresponding cancer to.So as to warn the real patients to go to the hospital earlier.Less money,but higher cure rate.</p>
+
</div>
+
</div>
+
                        <div class="row row-bottom-padded-md">
+
<div class="col-md-12 text-center animate-box">
+
+
</div>
+
</div>
+
</div>
+
</div>
+
                        <div class="row animate-box">
+
<div class="col-md-6 col-md-offset-3 text-center heading-section">
+
<h2>Where is our market?</h2>
+
<p>Diagnostic Market”,so how about IVD?
+
JACOB falls in the category of in vitro diagnostic devices, particularly serum biomarker detection. Diagnosis market is characterized by inelastic demanding and steady growth. According to the International Trade Administration, medical device market is forecasted to grow $20 Billion per year after 2017, along with constant growth of population. For United States solely, In Vitro diagnostic devices made up 14.7% of total medical device export in 2015, while keep increasing, currently ranked 4th among all categories. Such market is advantageous to the commercialization of JACOB.</p>
+
</div>
+
</div>
+
         
+
<div class="row row-bottom-padded-md">
+
<div class="col-md-12 text-center animate-box">
+
<center>
+
<img src="https://static.igem.org/mediawiki/2017/6/63/PRACTICE1.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded"><img src="https://static.igem.org/mediawiki/2017/f/f0/PRACTICE-2.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded"><img src="https://static.igem.org/mediawiki/2017/7/7b/PRACTICE3.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">        
+
</center>
+
  <p>&#160;</p>
+
  <p>&#160;</p>
+
  <p>&#160;</p>
+
</div>
+
</div>
+
<div class="row animate-box">
+
<div class="col-md-6 col-md-offset-3 text-center heading-section">
+
<h2>What determined characteristics of JACOB?</h2>
+
<p><center>We determined the main characteristics of JACOB gradually through three stages<center></p>
+
</div>
+
</div>
+
                        <div class="row row-bottom-padded-md">
+
<div class="col-md-12 text-center animate-box">
+
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="container">
+
<div class="row animate-box">
+
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
<p>&#160;</p>
+
<p>&#160;</p>
+
<p><span class="label-warning">a. <h3>Stage 1:Questionnaire interview</h3></span><br>
+
  <span class="lead">&#160;&#160;
+
                                        <p>By analysing the questionnaire,we found an interesting phenomenon.Most people value teir health but they are unwilling to go to hospital immediately.When people feel unwell, their first reaction is to look for medicine according to their experience,why?For saving money? <br>
+
 
+
<p>Q8:When you feel your body is not very well ,will you go to the hospital first?(Fig.4)<br>
+
Q9:If there is a convenient early biomarkers detection instruments, the price is not expensive (charge about 10 yuan), you only need to collect a little blood sample, are you willing to buy it?(Fig.5) </p>
+
 
</div>
 
</div>
</div>
+
<div class="wrapper row1">
                        <div class="row row-bottom-padded-md">
+
  <header id="header" class="hoc clear">  
<div class="col-md-12 text-center animate-box">
+
        <div id="logo" class="fl_left">
+
      <h1><a href="https://2018.igem.org/Team:BIT">BIT</a></h1>
</div>
+
    </div>
</div>
+
    <nav id="mainav" class="fl_right">
+
      <ul class="clear">
<center>
+
        <li class="active"><a href="https://2018.igem.org/Team:BIT">Home</a></li>
<img src="https://static.igem.org/mediawiki/2017/3/33/Practice_-4.PNG" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">     
+
        <li><a class="drop" href="#">Pages</a>
</center>
+
          <ul>
 +
            <li><a href="pages/gallery.html">Gallery</a></li>
 +
            <li><a href="pages/full-width.html">Full Width</a></li>
 +
            <li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
 +
            <li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
 +
            <li><a href="pages/basic-grid.html">Basic Grid</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a class="drop" href="#">Dropdown</a>
 +
          <ul>
 +
            <li><a href="#">Level 2</a></li>
 +
            <li><a class="drop" href="#">Level 2 + Drop</a>
 +
              <ul>
 +
                <li><a href="#">Level 3</a></li>
 +
                <li><a href="#">Level 3</a></li>
 +
                <li><a href="#">Level 3</a></li>
 +
              </ul>
 +
            </li>
 +
            <li><a href="#">Level 2</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#">Link Text</a></li>
 +
        <li><a href="#">Link Text</a></li>
 +
      </ul>
 +
     </nav>
 +
      </header>
 
</div>
 
</div>
</div>
+
<div class="bgded overlay" style="background-image:url('https://static.igem.org/mediawiki/2018/6/6f/T--BIT--test_01.png');">
                        <div class="row row-bottom-padded-md">
+
  <div id="pageintro" class="hoc clear">  
<div class="col-md-12 text-center animate-box">
+
        <div class="flexslider basicslider">
+
      <ul class="slides">
</div>
+
        <li>
</div>
+
          <article>
<center>
+
            <p>BIT</p>
<img src="https://static.igem.org/mediawiki/2017/9/9e/5.1.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">    
+
            <h3 class="heading">JACOB 2.0</h3>
</center>
+
            <p>just a test</p>
<p>&#160;</p>
+
            <footer><a class="btn" href="https://2018.igem.org/Team:BIT">about more</a></footer>
<p>&#160;</p>
+
          </article>
<div class="container">
+
        </li>
<div class="row animate-box">
+
        <li>
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
          <article>
<p>&#160;</p>
+
            <p>Pulvinar</p>
<p>&#160;</p>
+
            <h3 class="heading">Ornare tortor quisque</h3>
<p><span class="label-warning">a. <h3>Stage 2:Face to face interview</h3></span><br>
+
            <p>Odio semper sed euismod mi euismod curabitur</p>
  <span class="lead">&#160;&#160;
+
            <footer><a class="btn inverse" href="#">Eget venenatis</a></footer>
                                        <p>To get the answer further,we interviewed people face to face.The answer comes from subjective and the objective aspects.<br>  
+
          </article>
Subjective factor:most people are more confident of their body, and some people think that is not very important to their body.they think it's almost impossible to get cancer. </p>
+
        </li>
<center>
+
        <li>
<img src="https://static.igem.org/mediawiki/2017/c/c9/Practice6.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">    
+
          <article>
</center>
+
            <p>Sagittis</p>
<p>&#160;</p>
+
            <h3 class="heading">Feugiat blandit erat</h3>
<p>&#160;</p>
+
            <p>Convallis nibh nulla nec dictum mi consequat vel</p>
                                        <h4>Objective factor:it is inconvenient and expensive to go to hospital.  So JACOB at least need achieve two goals:</h4><br>
+
            <footer><a class="btn" href="#">Facilisis vestibulum</a></footer>
1.Tell users whether they need go to hospital accurately<br>
+
          </article>
2.Everyone can get answer easily without doctors.
+
        </li>
 
+
      </ul>
 +
    </div>
 +
      </div>
 
</div>
 
</div>
</div>
+
<div class="wrapper row3">
                        <div class="row row-bottom-padded-md">
+
  <main class="hoc container clear">  
<div class="col-md-12 text-center animate-box">
+
    <!-- main body -->
+
        <div class="sectiontitle">
</div>
+
      <h3 class="heading">interlab</h3>
</div>
+
      <p>whatever you see is a damn fake</p>
<center>
+
    </div>
<img src="https://static.igem.org/mediawiki/2017/b/b8/Practice7.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">
+
    <p class="btmspace-50 justified">Enim neque nec placerat risus suscipit vitae volutpat nisi sit amet turpis molestie ut sodales nisi efficitur duis id ex eros vivamus ac vehicula nibh non luctus ipsum suspendisse dolor metus varius in facilisis vitae euismod nec ex donec ullamcorper eros vel molestie sagittis libero augue elementum libero cursus euismod sem leo sed augue praesent condimentum odio sit amet nulla tempor sollicitudin lacinia mauris vestibulum cras euismod accumsan dolor et convallis praesent porttitor maximus viverra proin fermentum scelerisque neque quis consequat mauris rutrum eget proin fringilla nisi libero in tincidunt tortor porttitor sed phasellus vitae molestie massa suspendisse.</p>
</center>
+
    <ul class="nospace group center">
<p>&#160;</p>
+
      <li class="one_quarter first">
<p>&#160;</p>
+
        <article><a href="#"><i class="icon btmspace-30 fa fa-500px"></i></a>
<div class="container">
+
          <h6 class="heading">Varius eros ac</h6>
<div class="row animate-box">
+
        </article>
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
      </li>
<p>&#160;</p>
+
      <li class="one_quarter">
<p>&#160;</p>
+
        <article><a href="#"><i class="icon btmspace-30 fa fa-adjust"></i></a>
<p><span class="label-warning">a. <h3>Stage 3:Hospital investigation</h3></span><br>
+
          <h6 class="heading">Augue praesent</h6>
  <span class="lead">&#160;&#160;
+
        </article>
                                        <p>We need further understand more details about diagnose,so that JACOB can make a better line with the hospital. </p>
+
      </li>
<center>
+
      <li class="one_quarter">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Practice8.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">
+
        <article><a href="#"><i class="icon btmspace-30 fa fa-amazon"></i></a>
</center>
+
          <h6 class="heading">Bibendum pulvinar</h6>
<p>&#160;</p>
+
        </article>
<p>&#160;</p>
+
      </li>
                                        <p>From hospital,we know that hospital holds gold standard for diagnosis----puncture,they can complete the detection of biomarkers in two hours. However,Patients almost has developed into middle or late stage when they come to hospital.</p>
+
      <li class="one_quarter">
<p>&#160;</p>
+
        <article><a href="#"><i class="icon btmspace-30 fa fa-apple"></i></a>
<p>These confirm that no one is willing to take bad health, but they simply are not informed. A “stimulus” is needed to warn them potential health issues and prompt patients to visit healthcare. This again reinforce that our main market role is to warn patiets and help diagnosis, not to compete for decisive diagnosis. Therefore we came down to build up JACOB’s convenience, efficiency, and affordability instead of optimizing sensitive and specificity. </p>
+
          <h6 class="heading">Dignissim aliquam</h6>
</div>
+
        </article>
</div>
+
      </li>
                        <div class="row row-bottom-padded-md">
+
    </ul>
<div class="col-md-12 text-center animate-box">
+
        <!-- / main body -->
+
    <div class="clear"></div>
</div>
+
   </main>
</div>
+
<p>&#160;</p>
+
 
+
</div>
+
</div>
+
<div class="container">
+
<div class="row animate-box">
+
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
<p>&#160;</p>
+
<p>&#160;</p>
+
<p><span class="label-warning">a.
+
   <span class="lead">
+
 
</div>
 
</div>
<div class="row animate-box">
+
<div class="wrapper bgded overlay" style="background-image:url('https://static.igem.org/mediawiki/2018/1/12/T--BIT--test_02.png');">
<div class="col-md-6 col-md-offset-3 text-center heading-section">
+
  <article class="hoc container clear">
<h2>How can JACOB get out of the lab?</h2></span><br>
+
        <div class="three_quarter first">
                                        <h3>By visiting Enterprises,we have great understanding of JACOB’s operation in market:</h3>
+
      <h6 class="nospace">Aenean et sollicitudin</h6>
<h4>A.LinfinPort Biotechnology Corporation Ltd,whose primary business is aptamer,gave us much suggestion about the corresponding relation between aptamer and biomarkers,they bore down on the importance of biomarkers’ specificity,It provides ideas for the selection of biomarkers in future.</h4>
+
      <p class="nospace">tincidunt tellus sit amet ex blandit cursus sed placerat hendrerit tincidunt</p>
 
+
    </div>
<p>&#160;</p>
+
    <footer class="one_quarter"><a class="btn" href="#">augue elementum &raquo;</a></footer>
 
+
      </article>
<center>
+
<img src="https://static.igem.org/mediawiki/2017/8/85/Practice_9.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">
+
</center>
+
<p>&#160;</p>
+
 
+
                                              <h4>B.We asked BluePHA mainly on how to construct a viable procedure to industrialize JACOB. Our plan for JACOB after the iGEM jamboree is divided into developments, commercialization,
+
and resource transformation.</h4>
+
<p>&#160;</p>
+
<center>
+
<img src="https://static.igem.org/mediawiki/2017/8/81/Practice10.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">
+
</center>
+
<p>&#160;</p>
+
<h4>C.We asked CapitalBio Corporation mainly on how to control the cost of microfluidic chip production. From their experience we found that chips cost much more in the early development, but its cost diminishes quickly in later stages when mass production is reached, ranging from $0.1 to few dollars. However, there exist a conflict of material. In the iGEM version we picked optical cement instead of PMDS for its advantages of adequate solidification speed, feasibility, bio-inertia, and precision of altitude. However, PMDS production industries are much more matured. There is currently no companies offering mass production of optical cement microfluidic chips. Thus, we must decide the better material</h4>
+
<center>
+
<img src="https://static.igem.org/mediawiki/2017/e/e6/Practice11.png" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded">
+
</center>
+
 
</div>
 
</div>
</div>
+
<div class="wrapper bgded overlay light" style="background-image:url('https://static.igem.org/mediawiki/2018/d/d4/T--BIT--test_03.png');">
                        <div class="row row-bottom-padded-md">
+
  <section class="hoc container clear">
<div class="col-md-12 text-center animate-box">
+
        <div class="sectiontitle">
+
      <h3 class="heading">Euismod interdum viverra</h3>
</div>
+
      <p>Id eros nec finibus convallis nulla curabitur enim est egestas.</p>
</div>
+
    </div>
              </div>
+
    <ul class="nospace group services">
 +
      <li class="one_third first">
 +
        <article><a href="#"><i class="icon fa fa-camera"></i></a>
 +
          <h6 class="heading">Hendrerit bibendum</h6>
 +
          <p>Id erat etiam molestie mi et tincidunt facilisis nulla urna viverra nibh in ullamcorper&hellip;</p>
 +
          <footer><a href="#">Read More &raquo;</a></footer>
 +
        </article>
 +
      </li>
 +
      <li class="one_third">
 +
        <article><a href="#"><i class="icon fa fa-bank"></i></a>
 +
          <h6 class="heading">Vestibulum suscipit</h6>
 +
          <p>Enim nullam tincidunt tortor eget amet dui duis sed vestibulum velit praesent blandit lorem viverra&hellip;</p>
 +
          <footer><a href="#">Read More &raquo;</a></footer>
 +
        </article>
 +
      </li>
 +
      <li class="one_third">
 +
        <article><a href="#"><i class="icon fa fa-cny"></i></a>
 +
          <h6 class="heading">Velit eu maximus massa</h6>
 +
          <p>Turpis vel egestas ante etiam maximus placerat placerat aliquam in lectus ut lectus&hellip;</p>
 +
          <footer><a href="#">Read More &raquo;</a></footer>
 +
        </article>
 +
      </li>
 +
      <li class="one_third first">
 +
        <article><a href="#"><i class="icon fa fa-coffee"></i></a>
 +
          <h6 class="heading">Dignissim id maecenas</h6>
 +
          <p>Scelerisque sollicitudin aenean efficitur magna non aliquet convallis phasellus ut rutrum&hellip;</p>
 +
          <footer><a href="#">Read More &raquo;</a></footer>
 +
        </article>
 +
      </li>
 +
      <li class="one_third">
 +
        <article><a href="#"><i class="icon fa fa-flask"></i></a>
 +
          <h6 class="heading">Tempus odio a ipsum</h6>
 +
          <p>Neque vivamus eu arcu enim phasellus efficitur euismod augue sed bibendum ipsum sodales&hellip;</p>
 +
          <footer><a href="#">Read More &raquo;</a></footer>
 +
        </article>
 +
      </li>
 +
      <li class="one_third">
 +
        <article><a href="#"><i class="icon fa fa-legal"></i></a>
 +
          <h6 class="heading">Consequat scelerisque</h6>
 +
          <p>Eget aenean tellus leo consequat sit amet quam ut interdum commodo nunc nunc ipsum lacus&hellip;</p>
 +
          <footer><a href="#">Read More &raquo;</a></footer>
 +
        </article>
 +
      </li>
 +
    </ul>
 +
        <div class="clear"></div>
 +
  </section>
 
</div>
 
</div>
<div id="fh5co-started">
+
<div class="wrapper row3">
    <div class="overlay"></div>
+
  <article class="hoc container clear">  
    <div class="container">
+
        <div class="sectiontitle">
      <div class="row animate-box">
+
      <h3 class="heading">Aliquam et nulla ac magna</h3>
        <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+
      <p>Etiam euismod neque sapien eget suscipit justo pharetra id.</p>
          <h2>Contact Us!</h2>
+
          <p><center>Please keep reading if you want to contact us.</center></p>
+
     
+
        </div>
+
      </div>
+
 
     </div>
 
     </div>
  </div>
+
     <figure>
  <footer id="fh5co-footer" role="contentinfo">
+
       <ul class="nospace group logos">
     <div class="container">
+
         <li class="one_quarter first"><a href="#"><img src="https://static.igem.org/mediawiki/2018/a/ad/T--BIT--test_222x100.png" alt=""></a></li>
       <div class="row row-pb-md">
+
        <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2018/a/ad/T--BIT--test_222x100.png" alt=""></a></li>
         <div class="col-md-4 fh5co-widget">
+
        <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2018/a/ad/T--BIT--test_222x100.png" alt=""></a></li>
          <h4>BIT</h4>
+
        <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2018/a/ad/T--BIT--test_222x100.png" alt=""></a></li>
          <p>It's an excellent Team with thoughtful persons full of funs to the academic</p>
+
      </ul>
        </div>
+
    </figure>
        <div class="col-md-2 col-md-push-1 fh5co-widget">
+
      </article>
          <h4>Links</h4>
+
</div>
          <ul class="fh5co-footer-links">
+
<div class="wrapper bgded overlay" style="background-image:url('https://static.igem.org/mediawiki/2018/c/ca/T--BIT--test_04.png');">
            <li><a href="https://2017.igem.org/Team:BIT">Home</a></li>
+
  <article class="hoc container">  
            <li><a href="https://2017.igem.org/Team:BIT/Team">Team</a></li>
+
        <div class="sectiontitle">
            <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li>
+
      <h3 class="heading">Odio facilisis sagittis</h3>
            <li><a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a></li>
+
       <p>Ante vehicula suscipit suscipit mauris varius proin sed libero ut.</p>
          </ul>
+
        </div>
+
     
+
        <div class="col-md-4 col-md-push-1 fh5co-widget">
+
          <h4>Contact Information</h4>
+
          <ul class="fh5co-footer-links">
+
            <li><a href="">Beijing Institute of Technology No.5 Yard,Zhong Guan Cun South Street Haidian District, Beijing, CHINA</li>
+
            <li><a href="">Wechat:iGEM_BIT</a></li>
+
            <li><a href="">igem_bit@outlook.com</a></li>
+
            <li><a href="">Facebook:iGEM_BIT</li>
+
          </ul>
+
        </div>
+
       </div>
+
      <div class="row copyright"> </div>
+
 
     </div>
 
     </div>
   </footer>
+
    <ul class="nospace group">
 +
      <li class="one_half first borderedbox inspace-15">
 +
        <blockquote>Vivamu nec laoreet felis sed at enim est aenean ac diam ante nulla sit amet felis purus nulla molestie maximus volutpat etiam ullamcorper malesuada tristique quisque ac neque accumsan dictum mauris</blockquote>
 +
        <p class="right bold">John Doe / CEO</p>
 +
      </li>
 +
      <li class="one_half borderedbox inspace-15">
 +
        <blockquote>In condimentum risus in faucibus metus nec mi porta congue interdum mauris commodo nulla sit amet convallis nunc a neque a metus ullamcorper bibendum nec sed nunc a metus facilisis volutpat faucibus</blockquote>
 +
        <p class="right bold">John Doe / CEO</p>
 +
      </li>
 +
    </ul>
 +
      </article>
 +
</div>
 +
<div class="wrapper row3">
 +
   <section class="hoc container clear">
 +
        <div class="sectiontitle">
 +
      <h3 class="heading">Tempus feugiat odio</h3>
 +
      <p>Est aliquam erat volutpat morbi ornare faucibus malesuada in.</p>
 +
    </div>
 +
    <ul class="nospace group">
 +
      <li class="one_third first">
 +
        <article class="excerpt"><a href="#"><img class="inspace-10 borderedbox" src="https://static.igem.org/mediawiki/2018/7/78/T--BIT--test_320X220.png" alt=""></a>
 +
          <div class="excerpttxt">
 +
            <ul>
 +
              <li><i class="fa fa-calendar-o"></i> 06/01/45</li>
 +
              <li><i class="fa fa-comments"></i> <a href="#">4</a></li>
 +
            </ul>
 +
            <h6 class="heading font-x1">At molestie morbi fringilla a leo sed auctor&hellip;</h6>
 +
            <p><a class="btn" href="#">Read More &raquo;</a></p>
 +
          </div>
 +
        </article>
 +
      </li>
 +
      <li class="one_third">
 +
        <article class="excerpt"><a href="#"><img class="inspace-10 borderedbox" src="https://static.igem.org/mediawiki/2018/7/78/T--BIT--test_320X220.png" alt=""></a>
 +
          <div class="excerpttxt">
 +
            <ul>
 +
              <li><i class="fa fa-calendar-o"></i> 05/01/45</li>
 +
              <li><i class="fa fa-comments"></i> <a href="#">4</a></li>
 +
            </ul>
 +
            <h6 class="heading font-x1">Curabitur malesuada eros turpis quis libero non&hellip;</h6>
 +
            <p><a class="btn" href="#">Read More &raquo;</a></p>
 +
          </div>
 +
        </article>
 +
      </li>
 +
      <li class="one_third">
 +
        <article class="excerpt"><a href="#"><img class="inspace-10 borderedbox" src="https://static.igem.org/mediawiki/2018/7/78/T--BIT--test_320X220.png" alt=""></a>
 +
          <div class="excerpttxt">
 +
            <ul>
 +
              <li><i class="fa fa-calendar-o"></i> 04/01/45</li>
 +
              <li><i class="fa fa-comments"></i> <a href="#">4</a></li>
 +
            </ul>
 +
            <h6 class="heading font-x1">Scelerisque hendrerit velit sed non elit lorem&hellip;</h6>
 +
            <p><a class="btn" href="#">Read More &raquo;</a></p>
 +
          </div>
 +
        </article>
 +
      </li>
 +
    </ul>
 +
      </section>
 +
</div>
 +
<div class="wrapper bgded overlay" style="background-image:url('https://static.igem.org/mediawiki/2018/2/26/T--BIT--test_05.png');">
 +
  <article class="hoc container center">
 +
        <div class="sectiontitle">
 +
      <h3 class="heading">Euismod sem ullamcorper</h3>
 +
      <p>Ullamcorper euismod eget condimentum ligula vestibulum vitae.</p>
 +
    </div>
 +
    <footer><a class="btn inverse" href="#">Sodales pulvinar</a></footer>
 +
      </article>
 +
</div>
 +
<div class="wrapper row4">
 +
  <footer id="footer" class="hoc clear">
 +
        <div class="one_third first">
 +
      <h6 class="heading">Risus lacus ut lectus</h6>
 +
      <ul class="nospace btmspace-30 linklist contact">
 +
        <li><i class="fa fa-map-marker"></i>
 +
          <address>
 +
          Street Name &amp; Number, Town, Postcode/Zip
 +
          </address>
 +
        </li>
 +
        <li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
 +
        <li><i class="fa fa-envelope-o"></i> info@domain.com</li>
 +
      </ul>
 +
      <ul class="faico clear">
 +
        <li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
 +
        <li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
 +
        <li><a class="faicon-dribble" href="#"><i class="fa fa-dribbble"></i></a></li>
 +
        <li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
 +
        <li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
 +
        <li><a class="faicon-vk" href="#"><i class="fa fa-vk"></i></a></li>
 +
      </ul>
 +
    </div>
 +
    <div class="one_third">
 +
      <h6 class="heading">Massa consequat tellus</h6>
 +
      <ul class="nospace linklist">
 +
        <li>
 +
          <article>
 +
            <h2 class="nospace font-x1"><a href="#">Non efficitur lacus elit</a></h2>
 +
            <time class="font-xs block btmspace-10" datetime="2045-04-06">Friday, 6<sup>th</sup> April 2045</time>
 +
            <p class="nospace">Metus mauris luctus lacinia posuere aenean nec cursus mi nunc ornare interdum [&hellip;]</p>
 +
          </article>
 +
        </li>
 +
        <li>
 +
          <article>
 +
            <h2 class="nospace font-x1"><a href="#">Ut ipsum vestibulum et fringilla</a></h2>
 +
            <time class="font-xs block btmspace-10" datetime="2045-04-05">Thursday, 5<sup>th</sup> April 2045</time>
 +
            <p class="nospace">Nunc vitae porttitor ipsum in hac habitasse platea dictumst in quis arcu ac [&hellip;]</p>
 +
          </article>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
    <div class="one_third">
 +
      <h6 class="heading">Praesent porttitor pulvinar</h6>
 +
      <p class="nospace btmspace-30">Ligula euismod lacinia eget hendrerit nunc mauris ultrices mauris vel.</p>
 +
      <form method="post" action="#">
 +
        <fieldset>
 +
          <legend>Newsletter:</legend>
 +
          <input class="btmspace-15" type="text" value="" placeholder="Name">
 +
          <input class="btmspace-15" type="text" value="" placeholder="Email">
 +
          <button type="submit" value="submit">Submit</button>
 +
        </fieldset>
 +
      </form>
 +
    </div>
 +
      </footer>
 +
</div>
 +
<div class="wrapper row5">
 +
  <div id="copyright" class="hoc clear">
 +
        <p class="fl_left">Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="https://2018.igem.org/Team:BIT">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
 +
    <p class="fl_right"></p>
 +
      </div>
 
</div>
 
</div>
<div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a> </div>
+
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JS FILES -->  
+
<!-- JAVASCRIPTS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>
+
<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>  
+
Template Name: Jeren
<script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
Author: <a href="https://www.os-templates.com/">OS Templates</a>
<!-- Bootstrap -->
+
Author URI: https://www.os-templates.com/
<script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
Licence: Free to use under our free template licence terms
<!-- Waypoints -->
+
Licence URI: https://www.os-templates.com/template-terms
<script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
File: Back to Top JS
<!-- Flexslider -->
+
*/
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
<!-- Main -->
+
<script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
</body>
+
  
</p>
+
jQuery("#backtotop").click(function () {
<!--
+
    jQuery("body,html").animate({
NewPP limit report
+
        scrollTop: 0
CPU time usage: 0.002 seconds
+
    }, 600);
Real time usage: 0.003 seconds
+
});
Preprocessor visited node count: 4/1000000
+
jQuery(window).scroll(function () {
Preprocessor generated node count: 24/1000000
+
    if (jQuery(window).scrollTop() > 150) {
Post‐expand include size: 0/2097152 bytes
+
        jQuery("#backtotop").addClass("visible");
Template argument size: 0/2097152 bytes
+
    } else {
Highest expansion depth: 2/40
+
        jQuery("#backtotop").removeClass("visible");
Expensive parser function count: 0/100
+
    }
-->
+
});</script>
  
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:6076-0!*!*!*!*!*!* and timestamp 20180719075425 and revision id 492814
+
<script >
-->
+
/*
</div>             <div class="visualClear"></div>
+
Template Name: Jeren
            </div>
+
Author: <a href="https://www.os-templates.com/">OS Templates</a>
    </div>
+
Author URI: https://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: https://www.os-templates.com/template-terms
 +
File: Mobile Menu JS
  
        </div>
+
Thanks to:
 +
"Convert a Menu to a Dropdown for Small Screens" from Chris Collier - http://css-tricks.com/convert-menu-to-dropdown/
 +
"Submenu's with a dash" Daryn St. Pierre - http://jsfiddle.net/bloqhead/Kq43X/
 +
*/
  
        <!-- Side Menubar -->
+
$('<form action="#"><select /></form>').appendTo("#mainav");$("<option />",{selected:"selected",value:"",text:"MENU"}).appendTo("#mainav select");$("#mainav a").each(function(){var e=$(this);if($(e).parents("ul ul ul").length>=1){$("<option />",{value:e.attr("href"),text:"- - - "+e.text()}).appendTo("#mainav select")}else if($(e).parents("ul ul").length>=1){$("<option />",{value:e.attr("href"),text:"- - "+e.text()}).appendTo("#mainav select")}else if($(e).parents("ul").length>=1){$("<option />",{value:e.attr("href"),text:""+e.text()}).appendTo("#mainav select")}else{$("<option />",{value:e.attr("href"),text:e.text()}).appendTo("#mainav select")}});$("#mainav select").change(function(){if($(this).find("option:selected").val()!=="#"){window.location=$(this).find("option:selected").val()}})</script>
        <div id="sideMenu">
+
            <a href="https://2017.igem.org">
+
                <div id="home_logo" >
+
                <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
+
                </div>
+
            </a>
+
  
            <div style="clear:both; height:5px;"></div>
+
<script >/*
 +
* jQuery FlexSlider v2.6.3
 +
* Copyright 2012 WooThemes
 +
* Contributing Author: Tyler Smith
 +
*/!function($){var e=!0;$.flexslider=function(t,a){var n=$(t);n.vars=$.extend({},$.flexslider.defaults,a);var i=n.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,r=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&n.vars.touch,o="click touchend MSPointerUp keyup",l="",c,d="vertical"===n.vars.direction,u=n.vars.reverse,v=n.vars.itemWidth>0,p="fade"===n.vars.animation,m=""!==n.vars.asNavFor,f={};$.data(t,"flexslider",n),f={init:function(){n.animating=!1,n.currentSlide=parseInt(n.vars.startAt?n.vars.startAt:0,10),isNaN(n.currentSlide)&&(n.currentSlide=0),n.animatingTo=n.currentSlide,n.atEnd=0===n.currentSlide||n.currentSlide===n.last,n.containerSelector=n.vars.selector.substr(0,n.vars.selector.search(" ")),n.slides=$(n.vars.selector,n),n.container=$(n.containerSelector,n),n.count=n.slides.length,n.syncExists=$(n.vars.sync).length>0,"slide"===n.vars.animation&&(n.vars.animation="swing"),n.prop=d?"top":"marginLeft",n.args={},n.manualPause=!1,n.stopped=!1,n.started=!1,n.startTimeout=null,n.transitions=!n.vars.video&&!p&&n.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var a in t)if(void 0!==e.style[t[a]])return n.pfx=t[a].replace("Perspective","").toLowerCase(),n.prop="-"+n.pfx+"-transform",!0;return!1}(),n.ensureAnimationEnd="",""!==n.vars.controlsContainer&&(n.controlsContainer=$(n.vars.controlsContainer).length>0&&$(n.vars.controlsContainer)),""!==n.vars.manualControls&&(n.manualControls=$(n.vars.manualControls).length>0&&$(n.vars.manualControls)),""!==n.vars.customDirectionNav&&(n.customDirectionNav=2===$(n.vars.customDirectionNav).length&&$(n.vars.customDirectionNav)),n.vars.randomize&&(n.slides.sort(function(){return Math.round(Math.random())-.5}),n.container.empty().append(n.slides)),n.doMath(),n.setup("init"),n.vars.controlNav&&f.controlNav.setup(),n.vars.directionNav&&f.directionNav.setup(),n.vars.keyboard&&(1===$(n.containerSelector).length||n.vars.multipleKeyboard)&&$(document).bind("keyup",function(e){var t=e.keyCode;if(!n.animating&&(39===t||37===t)){var a=39===t?n.getTarget("next"):37===t?n.getTarget("prev"):!1;n.flexAnimate(a,n.vars.pauseOnAction)}}),n.vars.mousewheel&&n.bind("mousewheel",function(e,t,a,i){e.preventDefault();var s=0>t?n.getTarget("next"):n.getTarget("prev");n.flexAnimate(s,n.vars.pauseOnAction)}),n.vars.pausePlay&&f.pausePlay.setup(),n.vars.slideshow&&n.vars.pauseInvisible&&f.pauseInvisible.init(),n.vars.slideshow&&(n.vars.pauseOnHover&&n.hover(function(){n.manualPlay||n.manualPause||n.pause()},function(){n.manualPause||n.manualPlay||n.stopped||n.play()}),n.vars.pauseInvisible&&f.pauseInvisible.isHidden()||(n.vars.initDelay>0?n.startTimeout=setTimeout(n.play,n.vars.initDelay):n.play())),m&&f.asNav.setup(),r&&n.vars.touch&&f.touch(),(!p||p&&n.vars.smoothHeight)&&$(window).bind("resize orientationchange focus",f.resize),n.find("img").attr("draggable","false"),setTimeout(function(){n.vars.start(n)},200)},asNav:{setup:function(){n.asNav=!0,n.animatingTo=Math.floor(n.currentSlide/n.move),n.currentItem=n.currentSlide,n.slides.removeClass(i+"active-slide").eq(n.currentItem).addClass(i+"active-slide"),s?(t._slider=n,n.slides.each(function(){var e=this;e._gesture=new MSGesture,e._gesture.target=e,e.addEventListener("MSPointerDown",function(e){e.preventDefault(),e.currentTarget._gesture&&e.currentTarget._gesture.addPointer(e.pointerId)},!1),e.addEventListener("MSGestureTap",function(e){e.preventDefault();var t=$(this),a=t.index();$(n.vars.asNavFor).data("flexslider").animating||t.hasClass("active")||(n.direction=n.currentItem<a?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction,!1,!0,!0))})})):n.slides.on(o,function(e){e.preventDefault();var t=$(this),a=t.index(),s=t.offset().left-$(n).scrollLeft();0>=s&&t.hasClass(i+"active-slide")?n.flexAnimate(n.getTarget("prev"),!0):$(n.vars.asNavFor).data("flexslider").animating||t.hasClass(i+"active-slide")||(n.direction=n.currentItem<a?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction,!1,!0,!0))})}},controlNav:{setup:function(){n.manualControls?f.controlNav.setupManual():f.controlNav.setupPaging()},setupPaging:function(){var e="thumbnails"===n.vars.controlNav?"control-thumbs":"control-paging",t=1,a,s;if(n.controlNavScaffold=$('<ol class="'+i+"control-nav "+i+e+'"></ol>'),n.pagingCount>1)for(var r=0;r<n.pagingCount;r++){s=n.slides.eq(r),void 0===s.attr("data-thumb-alt")&&s.attr("data-thumb-alt","");var c=""!==s.attr("data-thumb-alt")?c=' alt="'+s.attr("data-thumb-alt")+'"':"";if(a="thumbnails"===n.vars.controlNav?'<img src="'+s.attr("data-thumb")+'"'+c+"/>":'<a href="#">'+t+"</a>","thumbnails"===n.vars.controlNav&&!0===n.vars.thumbCaptions){var d=s.attr("data-thumbcaption");""!==d&&void 0!==d&&(a+='<span class="'+i+'caption">'+d+"</span>")}n.controlNavScaffold.append("<li>"+a+"</li>"),t++}n.controlsContainer?$(n.controlsContainer).append(n.controlNavScaffold):n.append(n.controlNavScaffold),f.controlNav.set(),f.controlNav.active(),n.controlNavScaffold.delegate("a, img",o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(n.direction=a>n.currentSlide?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},setupManual:function(){n.controlNav=n.manualControls,f.controlNav.active(),n.controlNav.bind(o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(a>n.currentSlide?n.direction="next":n.direction="prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},set:function(){var e="thumbnails"===n.vars.controlNav?"img":"a";n.controlNav=$("."+i+"control-nav li "+e,n.controlsContainer?n.controlsContainer:n)},active:function(){n.controlNav.removeClass(i+"active").eq(n.animatingTo).addClass(i+"active")},update:function(e,t){n.pagingCount>1&&"add"===e?n.controlNavScaffold.append($('<li><a href="#">'+n.count+"</a></li>")):1===n.pagingCount?n.controlNavScaffold.find("li").remove():n.controlNav.eq(t).closest("li").remove(),f.controlNav.set(),n.pagingCount>1&&n.pagingCount!==n.controlNav.length?n.update(t,e):f.controlNav.active()}},directionNav:{setup:function(){var e=$('<ul class="'+i+'direction-nav"><li class="'+i+'nav-prev"><a class="'+i+'prev" href="#">'+n.vars.prevText+'</a></li><li class="'+i+'nav-next"><a class="'+i+'next" href="#">'+n.vars.nextText+"</a></li></ul>");n.customDirectionNav?n.directionNav=n.customDirectionNav:n.controlsContainer?($(n.controlsContainer).append(e),n.directionNav=$("."+i+"direction-nav li a",n.controlsContainer)):(n.append(e),n.directionNav=$("."+i+"direction-nav li a",n)),f.directionNav.update(),n.directionNav.bind(o,function(e){e.preventDefault();var t;""!==l&&l!==e.type||(t=$(this).hasClass(i+"next")?n.getTarget("next"):n.getTarget("prev"),n.flexAnimate(t,n.vars.pauseOnAction)),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";1===n.pagingCount?n.directionNav.addClass(e).attr("tabindex","-1"):n.vars.animationLoop?n.directionNav.removeClass(e).removeAttr("tabindex"):0===n.animatingTo?n.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):n.animatingTo===n.last?n.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):n.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var e=$('<div class="'+i+'pauseplay"><a href="#"></a></div>');n.controlsContainer?(n.controlsContainer.append(e),n.pausePlay=$("."+i+"pauseplay a",n.controlsContainer)):(n.append(e),n.pausePlay=$("."+i+"pauseplay a",n)),f.pausePlay.update(n.vars.slideshow?i+"pause":i+"play"),n.pausePlay.bind(o,function(e){e.preventDefault(),""!==l&&l!==e.type||($(this).hasClass(i+"pause")?(n.manualPause=!0,n.manualPlay=!1,n.pause()):(n.manualPause=!1,n.manualPlay=!0,n.play())),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(e){"play"===e?n.pausePlay.removeClass(i+"pause").addClass(i+"play").html(n.vars.playText):n.pausePlay.removeClass(i+"play").addClass(i+"pause").html(n.vars.pauseText)}},touch:function(){function e(e){e.stopPropagation(),n.animating?e.preventDefault():(n.pause(),t._gesture.addPointer(e.pointerId),T=0,c=d?n.h:n.w,f=Number(new Date),l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c)}function a(e){e.stopPropagation();var a=e.target._slider;if(a){var n=-e.translationX,i=-e.translationY;return T+=d?i:n,m=T,y=d?Math.abs(T)<Math.abs(-n):Math.abs(T)<Math.abs(-i),e.detail===e.MSGESTURE_FLAG_INERTIA?void setImmediate(function(){t._gesture.stop()}):void((!y||Number(new Date)-f>500)&&(e.preventDefault(),!p&&a.transitions&&(a.vars.animationLoop||(m=T/(0===a.currentSlide&&0>T||a.currentSlide===a.last&&T>0?Math.abs(T)/c+2:1)),a.setProps(l+m,"setTouch"))))}}function i(e){e.stopPropagation();var t=e.target._slider;if(t){if(t.animatingTo===t.currentSlide&&!y&&null!==m){var a=u?-m:m,n=a>0?t.getTarget("next"):t.getTarget("prev");t.canAdvance(n)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?t.flexAnimate(n,t.vars.pauseOnAction):p||t.flexAnimate(t.currentSlide,t.vars.pauseOnAction,!0)}r=null,o=null,m=null,l=null,T=0}}var r,o,l,c,m,f,g,h,S,y=!1,x=0,b=0,T=0;s?(t.style.msTouchAction="none",t._gesture=new MSGesture,t._gesture.target=t,t.addEventListener("MSPointerDown",e,!1),t._slider=n,t.addEventListener("MSGestureChange",a,!1),t.addEventListener("MSGestureEnd",i,!1)):(g=function(e){n.animating?e.preventDefault():(window.navigator.msPointerEnabled||1===e.touches.length)&&(n.pause(),c=d?n.h:n.w,f=Number(new Date),x=e.touches[0].pageX,b=e.touches[0].pageY,l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c,r=d?b:x,o=d?x:b,t.addEventListener("touchmove",h,!1),t.addEventListener("touchend",S,!1))},h=function(e){x=e.touches[0].pageX,b=e.touches[0].pageY,m=d?r-b:r-x,y=d?Math.abs(m)<Math.abs(x-o):Math.abs(m)<Math.abs(b-o);var t=500;(!y||Number(new Date)-f>t)&&(e.preventDefault(),!p&&n.transitions&&(n.vars.animationLoop||(m/=0===n.currentSlide&&0>m||n.currentSlide===n.last&&m>0?Math.abs(m)/c+2:1),n.setProps(l+m,"setTouch")))},S=function(e){if(t.removeEventListener("touchmove",h,!1),n.animatingTo===n.currentSlide&&!y&&null!==m){var a=u?-m:m,i=a>0?n.getTarget("next"):n.getTarget("prev");n.canAdvance(i)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?n.flexAnimate(i,n.vars.pauseOnAction):p||n.flexAnimate(n.currentSlide,n.vars.pauseOnAction,!0)}t.removeEventListener("touchend",S,!1),r=null,o=null,m=null,l=null},t.addEventListener("touchstart",g,!1))},resize:function(){!n.animating&&n.is(":visible")&&(v||n.doMath(),p?f.smoothHeight():v?(n.slides.width(n.computedW),n.update(n.pagingCount),n.setProps()):d?(n.viewport.height(n.h),n.setProps(n.h,"setTotal")):(n.vars.smoothHeight&&f.smoothHeight(),n.newSlides.width(n.computedW),n.setProps(n.computedW,"setTotal")))},smoothHeight:function(e){if(!d||p){var t=p?n:n.viewport;e?t.animate({height:n.slides.eq(n.animatingTo).innerHeight()},e):t.innerHeight(n.slides.eq(n.animatingTo).innerHeight())}},sync:function(e){var t=$(n.vars.sync).data("flexslider"),a=n.animatingTo;switch(e){case"animate":t.flexAnimate(a,n.vars.pauseOnAction,!1,!0);break;case"play":t.playing||t.asNav||t.play();break;case"pause":t.pause()}},uniqueID:function(e){return e.filter("[id]").add(e.find("[id]")).each(function(){var e=$(this);e.attr("id",e.attr("id")+"_clone")}),e},pauseInvisible:{visProp:null,init:function(){var e=f.pauseInvisible.getHiddenProp();if(e){var t=e.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(t,function(){f.pauseInvisible.isHidden()?n.startTimeout?clearTimeout(n.startTimeout):n.pause():n.started?n.play():n.vars.initDelay>0?setTimeout(n.play,n.vars.initDelay):n.play()})}},isHidden:function(){var e=f.pauseInvisible.getHiddenProp();return e?document[e]:!1},getHiddenProp:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)if(e[t]+"Hidden"in document)return e[t]+"Hidden";return null}},setToClearWatchedEvent:function(){clearTimeout(c),c=setTimeout(function(){l=""},3e3)}},n.flexAnimate=function(e,t,a,s,o){if(n.vars.animationLoop||e===n.currentSlide||(n.direction=e>n.currentSlide?"next":"prev"),m&&1===n.pagingCount&&(n.direction=n.currentItem<e?"next":"prev"),!n.animating&&(n.canAdvance(e,o)||a)&&n.is(":visible")){if(m&&s){var l=$(n.vars.asNavFor).data("flexslider");if(n.atEnd=0===e||e===n.count-1,l.flexAnimate(e,!0,!1,!0,o),n.direction=n.currentItem<e?"next":"prev",l.direction=n.direction,Math.ceil((e+1)/n.visible)-1===n.currentSlide||0===e)return n.currentItem=e,n.slides.removeClass(i+"active-slide").eq(e).addClass(i+"active-slide"),!1;n.currentItem=e,n.slides.removeClass(i+"active-slide").eq(e).addClass(i+"active-slide"),e=Math.floor(e/n.visible)}if(n.animating=!0,n.animatingTo=e,t&&n.pause(),n.vars.before(n),n.syncExists&&!o&&f.sync("animate"),n.vars.controlNav&&f.controlNav.active(),v||n.slides.removeClass(i+"active-slide").eq(e).addClass(i+"active-slide"),n.atEnd=0===e||e===n.last,n.vars.directionNav&&f.directionNav.update(),e===n.last&&(n.vars.end(n),n.vars.animationLoop||n.pause()),p)r?(n.slides.eq(n.currentSlide).css({opacity:0,zIndex:1}),n.slides.eq(e).css({opacity:1,zIndex:2}),n.wrapup(c)):(n.slides.eq(n.currentSlide).css({zIndex:1}).animate({opacity:0},n.vars.animationSpeed,n.vars.easing),n.slides.eq(e).css({zIndex:2}).animate({opacity:1},n.vars.animationSpeed,n.vars.easing,n.wrapup));else{var c=d?n.slides.filter(":first").height():n.computedW,g,h,S;v?(g=n.vars.itemMargin,S=(n.itemW+g)*n.move*n.animatingTo,h=S>n.limit&&1!==n.visible?n.limit:S):h=0===n.currentSlide&&e===n.count-1&&n.vars.animationLoop&&"next"!==n.direction?u?(n.count+n.cloneOffset)*c:0:n.currentSlide===n.last&&0===e&&n.vars.animationLoop&&"prev"!==n.direction?u?0:(n.count+1)*c:u?(n.count-1-e+n.cloneOffset)*c:(e+n.cloneOffset)*c,n.setProps(h,"",n.vars.animationSpeed),n.transitions?(n.vars.animationLoop&&n.atEnd||(n.animating=!1,n.currentSlide=n.animatingTo),n.container.unbind("webkitTransitionEnd transitionend"),n.container.bind("webkitTransitionEnd transitionend",function(){clearTimeout(n.ensureAnimationEnd),n.wrapup(c)}),clearTimeout(n.ensureAnimationEnd),n.ensureAnimationEnd=setTimeout(function(){n.wrapup(c)},n.vars.animationSpeed+100)):n.container.animate(n.args,n.vars.animationSpeed,n.vars.easing,function(){n.wrapup(c)})}n.vars.smoothHeight&&f.smoothHeight(n.vars.animationSpeed)}},n.wrapup=function(e){p||v||(0===n.currentSlide&&n.animatingTo===n.last&&n.vars.animationLoop?n.setProps(e,"jumpEnd"):n.currentSlide===n.last&&0===n.animatingTo&&n.vars.animationLoop&&n.setProps(e,"jumpStart")),n.animating=!1,n.currentSlide=n.animatingTo,n.vars.after(n)},n.animateSlides=function(){!n.animating&&e&&n.flexAnimate(n.getTarget("next"))},n.pause=function(){clearInterval(n.animatedSlides),n.animatedSlides=null,n.playing=!1,n.vars.pausePlay&&f.pausePlay.update("play"),n.syncExists&&f.sync("pause")},n.play=function(){n.playing&&clearInterval(n.animatedSlides),n.animatedSlides=n.animatedSlides||setInterval(n.animateSlides,n.vars.slideshowSpeed),n.started=n.playing=!0,n.vars.pausePlay&&f.pausePlay.update("pause"),n.syncExists&&f.sync("play")},n.stop=function(){n.pause(),n.stopped=!0},n.canAdvance=function(e,t){var a=m?n.pagingCount-1:n.last;return t?!0:m&&n.currentItem===n.count-1&&0===e&&"prev"===n.direction?!0:m&&0===n.currentItem&&e===n.pagingCount-1&&"next"!==n.direction?!1:e!==n.currentSlide||m?n.vars.animationLoop?!0:n.atEnd&&0===n.currentSlide&&e===a&&"next"!==n.direction?!1:!n.atEnd||n.currentSlide!==a||0!==e||"next"!==n.direction:!1},n.getTarget=function(e){return n.direction=e,"next"===e?n.currentSlide===n.last?0:n.currentSlide+1:0===n.currentSlide?n.last:n.currentSlide-1},n.setProps=function(e,t,a){var i=function(){var a=e?e:(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo,i=function(){if(v)return"setTouch"===t?e:u&&n.animatingTo===n.last?0:u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:n.animatingTo===n.last?n.limit:a;switch(t){case"setTotal":return u?(n.count-1-n.currentSlide+n.cloneOffset)*e:(n.currentSlide+n.cloneOffset)*e;case"setTouch":return u?e:e;case"jumpEnd":return u?e:n.count*e;case"jumpStart":return u?n.count*e:e;default:return e}}();return-1*i+"px"}();n.transitions&&(i=d?"translate3d(0,"+i+",0)":"translate3d("+i+",0,0)",a=void 0!==a?a/1e3+"s":"0s",n.container.css("-"+n.pfx+"-transition-duration",a),n.container.css("transition-duration",a)),n.args[n.prop]=i,(n.transitions||void 0===a)&&n.container.css(n.args),n.container.css("transform",i)},n.setup=function(e){if(p)n.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"}),"init"===e&&(r?n.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+n.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(n.currentSlide).css({opacity:1,zIndex:2}):0==n.vars.fadeFirstSlide?n.slides.css({opacity:0,display:"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).css({opacity:1}):n.slides.css({opacity:0,display:"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).animate({opacity:1},n.vars.animationSpeed,n.vars.easing)),n.vars.smoothHeight&&f.smoothHeight();else{var t,a;"init"===e&&(n.viewport=$('<div class="'+i+'viewport"></div>').css({overflow:"hidden",position:"relative"}).appendTo(n).append(n.container),n.cloneCount=0,n.cloneOffset=0,u&&(a=$.makeArray(n.slides).reverse(),n.slides=$(a),n.container.empty().append(n.slides))),n.vars.animationLoop&&!v&&(n.cloneCount=2,n.cloneOffset=1,"init"!==e&&n.container.find(".clone").remove(),n.container.append(f.uniqueID(n.slides.first().clone().addClass("clone")).attr("aria-hidden","true")).prepend(f.uniqueID(n.slides.last().clone().addClass("clone")).attr("aria-hidden","true"))),n.newSlides=$(n.vars.selector,n),t=u?n.count-1-n.currentSlide+n.cloneOffset:n.currentSlide+n.cloneOffset,d&&!v?(n.container.height(200*(n.count+n.cloneCount)+"%").css("position","absolute").width("100%"),setTimeout(function(){n.newSlides.css({display:"block"}),n.doMath(),n.viewport.height(n.h),n.setProps(t*n.h,"init")},"init"===e?100:0)):(n.container.width(200*(n.count+n.cloneCount)+"%"),n.setProps(t*n.computedW,"init"),setTimeout(function(){n.doMath(),n.newSlides.css({width:n.computedW,marginRight:n.computedM,"float":"left",display:"block"}),n.vars.smoothHeight&&f.smoothHeight()},"init"===e?100:0))}v||n.slides.removeClass(i+"active-slide").eq(n.currentSlide).addClass(i+"active-slide"),n.vars.init(n)},n.doMath=function(){var e=n.slides.first(),t=n.vars.itemMargin,a=n.vars.minItems,i=n.vars.maxItems;n.w=void 0===n.viewport?n.width():n.viewport.width(),n.h=e.height(),n.boxPadding=e.outerWidth()-e.width(),v?(n.itemT=n.vars.itemWidth+t,n.itemM=t,n.minW=a?a*n.itemT:n.w,n.maxW=i?i*n.itemT-t:n.w,n.itemW=n.minW>n.w?(n.w-t*(a-1))/a:n.maxW<n.w?(n.w-t*(i-1))/i:n.vars.itemWidth>n.w?n.w:n.vars.itemWidth,n.visible=Math.floor(n.w/n.itemW),n.move=n.vars.move>0&&n.vars.move<n.visible?n.vars.move:n.visible,n.pagingCount=Math.ceil((n.count-n.visible)/n.move+1),n.last=n.pagingCount-1,n.limit=1===n.pagingCount?0:n.vars.itemWidth>n.w?n.itemW*(n.count-1)+t*(n.count-1):(n.itemW+t)*n.count-n.w-t):(n.itemW=n.w,n.itemM=t,n.pagingCount=n.count,n.last=n.count-1),n.computedW=n.itemW-n.boxPadding,n.computedM=n.itemM},n.update=function(e,t){n.doMath(),v||(e<n.currentSlide?n.currentSlide+=1:e<=n.currentSlide&&0!==e&&(n.currentSlide-=1),n.animatingTo=n.currentSlide),n.vars.controlNav&&!n.manualControls&&("add"===t&&!v||n.pagingCount>n.controlNav.length?f.controlNav.update("add"):("remove"===t&&!v||n.pagingCount<n.controlNav.length)&&(v&&n.currentSlide>n.last&&(n.currentSlide-=1,n.animatingTo-=1),f.controlNav.update("remove",n.last))),n.vars.directionNav&&f.directionNav.update()},n.addSlide=function(e,t){var a=$(e);n.count+=1,n.last=n.count-1,d&&u?void 0!==t?n.slides.eq(n.count-t).after(a):n.container.prepend(a):void 0!==t?n.slides.eq(t).before(a):n.container.append(a),n.update(t,"add"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.added(n)},n.removeSlide=function(e){var t=isNaN(e)?n.slides.index($(e)):e;n.count-=1,n.last=n.count-1,isNaN(e)?$(e,n.slides).remove():d&&u?n.slides.eq(n.last).remove():n.slides.eq(e).remove(),n.doMath(),n.update(t,"remove"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.removed(n)},f.init()},$(window).blur(function(t){e=!1}).focus(function(t){e=!0}),$.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,fadeFirstSlide:!0,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",customDirectionNav:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){},init:function(){}},$.fn.flexslider=function(e){if(void 0===e&&(e={}),"object"==typeof e)return this.each(function(){var t=$(this),a=e.selector?e.selector:".slides > li",n=t.find(a);1===n.length&&e.allowOneSlide===!1||0===n.length?(n.fadeIn(400),e.start&&e.start(t)):void 0===t.data("flexslider")&&new $.flexslider(this,e)});var t=$(this).data("flexslider");switch(e){case"play":t.play();break;case"pause":t.pause();break;case"stop":t.stop();break;case"next":t.flexAnimate(t.getTarget("next"),!0);break;case"prev":case"previous":t.flexAnimate(t.getTarget("prev"),!0);break;default:"number"==typeof e&&t.flexAnimate(e,!0)}}}(jQuery);
 +
/*
 +
Template Name: Jeren
 +
Author: <a href="https://www.os-templates.com/">OS Templates</a>
 +
Author URI: https://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: https://www.os-templates.com/template-terms
 +
File: Flexslider Configuration Settings
 +
*/
  
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
+
// All configuration settings / properties can be found here: https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties
        </div>
+
  
        <!-- Pop_Why Div is definded here -->
+
// Homepage Slider
        <div class="pop_why_cover"></div>
+
$('.basicslider').flexslider({
 
+
animation: "slide",
        <div class="pop_why_box" >
+
// animationLoop: true,
            <div class="pop_close">× </div>
+
pauseOnHover: true,
            <div class="pop_why_content"><h3> Loading ... </h3></div>
+
controlNav: true,
        </div>
+
directionNav: false,
 
+
smoothHeight: true,
    </div>
+
start: function(slider) {
 +
$('body').removeClass('loading');
 +
}
 +
});</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:19, 22 July 2018

Jeren

  • +00 (123) 456 7890
  • info@domain.com
  • Pulvinar

    Ornare tortor quisque

    Odio semper sed euismod mi euismod curabitur

  • Sagittis

    Feugiat blandit erat

    Convallis nibh nulla nec dictum mi consequat vel

interlab

whatever you see is a damn fake

Enim neque nec placerat risus suscipit vitae volutpat nisi sit amet turpis molestie ut sodales nisi efficitur duis id ex eros vivamus ac vehicula nibh non luctus ipsum suspendisse dolor metus varius in facilisis vitae euismod nec ex donec ullamcorper eros vel molestie sagittis libero augue elementum libero cursus euismod sem leo sed augue praesent condimentum odio sit amet nulla tempor sollicitudin lacinia mauris vestibulum cras euismod accumsan dolor et convallis praesent porttitor maximus viverra proin fermentum scelerisque neque quis consequat mauris rutrum eget proin fringilla nisi libero in tincidunt tortor porttitor sed phasellus vitae molestie massa suspendisse.

  • Varius eros ac
  • Augue praesent
  • Bibendum pulvinar
  • Dignissim aliquam
Aenean et sollicitudin

tincidunt tellus sit amet ex blandit cursus sed placerat hendrerit tincidunt

Euismod interdum viverra

Id eros nec finibus convallis nulla curabitur enim est egestas.

  • Hendrerit bibendum

    Id erat etiam molestie mi et tincidunt facilisis nulla urna viverra nibh in ullamcorper…

  • Vestibulum suscipit

    Enim nullam tincidunt tortor eget amet dui duis sed vestibulum velit praesent blandit lorem viverra…

  • Velit eu maximus massa

    Turpis vel egestas ante etiam maximus placerat placerat aliquam in lectus ut lectus…

  • Dignissim id maecenas

    Scelerisque sollicitudin aenean efficitur magna non aliquet convallis phasellus ut rutrum…

  • Tempus odio a ipsum

    Neque vivamus eu arcu enim phasellus efficitur euismod augue sed bibendum ipsum sodales…

  • Consequat scelerisque

    Eget aenean tellus leo consequat sit amet quam ut interdum commodo nunc nunc ipsum lacus…

Aliquam et nulla ac magna

Etiam euismod neque sapien eget suscipit justo pharetra id.

Odio facilisis sagittis

Ante vehicula suscipit suscipit mauris varius proin sed libero ut.

  • Vivamu nec laoreet felis sed at enim est aenean ac diam ante nulla sit amet felis purus nulla molestie maximus volutpat etiam ullamcorper malesuada tristique quisque ac neque accumsan dictum mauris

    John Doe / CEO

  • In condimentum risus in faucibus metus nec mi porta congue interdum mauris commodo nulla sit amet convallis nunc a neque a metus ullamcorper bibendum nec sed nunc a metus facilisis volutpat faucibus

    John Doe / CEO

Tempus feugiat odio

Est aliquam erat volutpat morbi ornare faucibus malesuada in.

    • 06/01/45
    • 4
    At molestie morbi fringilla a leo sed auctor…

    Read More »

    • 05/01/45
    • 4
    Curabitur malesuada eros turpis quis libero non…

    Read More »

    • 04/01/45
    • 4
    Scelerisque hendrerit velit sed non elit lorem…

    Read More »

Euismod sem ullamcorper

Ullamcorper euismod eget condimentum ligula vestibulum vitae.

Risus lacus ut lectus
Massa consequat tellus
Praesent porttitor pulvinar

Ligula euismod lacinia eget hendrerit nunc mauris ultrices mauris vel.

Newsletter: