Difference between revisions of "Team:UFSCar-Brasil"

m
 
(71 intermediate revisions by 5 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<style>
 
<style>
.ui.menu { margin-top: 10px !important;}
+
  .sponsor img,
 
+
  .ufscar img {
.slides img {
+
    height: 150px;
  width: 100%;
+
  }
  height: auto;
+
 
}
+
  h1.ui.header {
.fluid.container .text.container {
+
    padding: 0 0;
  padding: 2em 0;
+
    margin-bottom: 0;
}
+
  }
.ufscar.slider img, .sponsor.slider img {
+
 
  height: 150px;
+
  h2.ui.header {
   margin: 0 2em;
+
    padding: 0 0;
}
+
    margin: 0 0;
 
+
  }
 +
 
 +
  .segment .text.container {
 +
    padding: 0 0;
 +
  }
 +
 
 +
  h1.firstHeading {
 +
    display: none;
 +
   }
 
</style>
 
</style>
  
    <div class="ui hidden divider"></div>
+
<div class="ui hidden divider"></div>
  
    <div class="ui blue vertical center aligned inverted segment">
+
<div class="ui vertical center aligned inverted segment">
      <div class="ui fluid container">
+
  <div class="ui fluid container">
  
        <div class="banner slider">
+
    <img class="ui fluid image" src="https://static.igem.org/mediawiki/2015/e/e1/Banner-1.jpg" alt="">
          <div>
+
            <img class ="ui fluid image" src="img/banner-2.jpg" alt="">
+
          </div>
+
          <div>
+
            <img class ="ui fluid image" src="img/banner-1.jpg" alt="">
+
          </div>
+
          <div>
+
            <img class ="ui fluid image" src="img/banner-3.jpg" alt="">
+
          </div>
+
          <div>
+
            <img class ="ui fluid image" src="img/banner-4.jpg" alt="">
+
          </div>
+
        </div>
+
  
        <div class="ui hidden divider"></div>
 
  
        <div class="ui text container">
+
    <div class="ui hidden divider"></div>
          <h1 class="ui inverted header">
+
            UFSCar - Brasil
+
          </h1>
+
          <h2>People helping people</h2>
+
          <div class="ui huge inverted primary basic button">See our project <i class="right arrow icon"></i></div>
+
        </div>
+
        <div class="spacer"></div>
+
      </div>
+
    </div>
+
  
     <div class="ui vertical stripe segment">
+
     <div class="ui text container">
       <div class="ui middle aligned stackable grid container">
+
       <h1 class="ui teal header">
         <div class="row">
+
         UFSCar-Brasil
          <div class="eight wide column">
+
      </h1>
            <h3 class="ui header">The Project</h3>
+
      <h2 class="ui teal header">People helping people</h2>
            <p>Diseases transmitted by insect vectors, such as malaria and dengue, affect significantly the Brazilian population. In our city, San Carlos, this year in summer the public health organ featured a big number of cases. Working in this problem, our project consists in the development of an alternative repellent of that currently sold in the market and more or equally effective in preventing mosquitoes bites transmitted diseases. The main compound in current repellents isDEET (N, N-diethyl-m-toluamide), a toxic molecule which at certain concentrations could be lethal, and therefore must have strict control on their use in products. The main characteristic of our repellent is the long duration when compared to other products and the replacement of the compound DEET by D-limonene. Instead, the D-limonene has low toxicity, is highly volatile and present a pleasant smell.</p>
+
          </div>
+
          <div class="six wide right floated column">
+
            <img src="http://placehold.it/500x500" class="ui large bordered rounded image">
+
          </div>
+
        </div>
+
        <div class="row">
+
          <div class="center aligned column">
+
            <a class="ui huge button">Check our project!</a>
+
          </div>
+
        </div>
+
      </div>
+
 
     </div>
 
     </div>
 +
    <div class="spacer"></div>
 +
  </div>
 +
</div>
  
    <div class="ui vertical stripe segment">
+
<div class="ui vertical stripe segment stackable two column grid container">
      <div class="ui middle aligned stackable grid container">
+
  <div class="column">
        <div class="row">
+
    <h3 class="ui header" id="overview">Bug Shoo - an innovative repellent</h3>
          <div class="six wide left floated column">
+
            <img src="http://placehold.it/500x500" class="ui large bordered rounded image">
+
          </div>
+
  
          <div class="eight wide column">
+
    <p>Our team designed a product, manufactured with tools of synthetic biology, which should be effective in combating diseases transmitted by insect vectors, such as dengue fever, malaria, yellow fever and leishmaniasis. Its active ingredient will be
            <h3 class="ui header">The Team</h3>
+
      D-limonene, a terpene naturally produced by citrus plants, which has a repellent effect. Its production will be performed by a specific genic circuit triggered by plasmolysis. It will ensure its functioning just in human skin. After all, bacteria
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam voluptate nihil nesciunt ut minus atque eaque voluptates provident laboriosam explicabo quia eligendi quam vero esse quos vel, mollitia nobis eveniet.</p>
+
      will dye by an innovative kill switch system. Find out in our project the main characteristics that make Bug Shoo a single repellent which would be presented later to the market. Also, follow along as our team has developed Policy & Practices of
            <h3 class="ui header">Something</h3>
+
      structured activities to raise awareness about dengue fever prevention and Synthetic Biology issues.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti temporibus ullam minus hic labore quaerat, nisi optio, earum illo sapiente assumenda molestias minima voluptatibus. Saepe laudantium soluta error veniam alias.</p>
+
    </p>
          </div>
+
  </div>
        </div>
+
        <div class="row">
+
          <div class="center aligned column">
+
            <a class="ui huge button">Check our team!</a>
+
          </div>
+
        </div>
+
      </div>
+
    </div>
+
  
    <div class="ui vertical stripe segment">
+
  <div class="column">
      <div class="ui text container">
+
    <img class="ui large rounded image" src="https://static.igem.org/mediawiki/2015/9/99/UFSCar-Brasil_bug_shoo.png">
        <h3 class="ui header">Breaking The Grid, Grabs Your Attention</h3>
+
  </div>
        <p>Instead of focusing on content creation and hard work, we have learned how to master the art of doing nothing by providing massive amounts of whitespace and generic content that can seem massive, monolithic and worth your attention.</p>
+
 
        <a class="ui large button">Read More</a>
+
  <div class="centered row">
        <h4 class="ui horizontal header divider">
+
    <div class="column">
          <a href="#">Case Studies</a>
+
      <h3 class="ui center aligned teal header">See more!</h3>
         </h4>
+
      <div class="ui two huge buttons">
        <h3 class="ui header">Lorem ipsum?</h3>
+
        <a href="https://2015.igem.org/Team:UFSCar-Brasil/Description" class="ui teal button">Our project</a>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aperiam ratione officiis ex error deleniti, numquam odio blanditiis vero similique nam reprehenderit quis enim culpa deserunt iure. Quas, harum, esse.</p>
+
         <div class="or"></div>
        <a class="ui large button">I'm Still Quite Interested</a>
+
         <a href="https://2015.igem.org/wiki/index.php?title=Team:UFSCar-Brasil/team.html" class="ui teal button">Our team</a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
  </div>
 +
</div>
  
    <div class="ui vertical stripe segment">
 
      <div class="ui container">
 
        <h3 class="ui center aligned header">Our amazing sponsors!</h3>
 
        <div class="sponsor slider">
 
          <img src="img/logo/aquarela.jpg" alt="">
 
          <img src="img/logo/ccbs.gif" alt="">
 
          <img src="img/logo/exxtend.png" alt="">
 
          <img src="img/logo/idt.jpg" alt="">
 
          <img src="img/logo/igem.png" alt="">
 
          <img src="img/logo/lmp.jpg" alt="">
 
          <img src="img/logo/mathworks.jpg" alt="">
 
          <img src="img/logo/ufscar.jpg" alt="">
 
          <img src="img/logo/dge.png" alt="">
 
        </div>
 
        <div class="ufscar slider">
 
          <img src="img/logo/dmp.jpg" alt="">
 
          <img src="img/logo/propg.jpg" alt="">
 
          <img src="img/logo/propq.jpg" alt="">
 
        </div>
 
      </div>
 
    </div>
 
 
</html>
 
</html>
 +
 
{{:Team:UFSCar-Brasil/Templates/Footer}}
 
{{:Team:UFSCar-Brasil/Templates/Footer}}

Latest revision as of 19:10, 18 September 2015

UFSCar-Brasil

People helping people

Bug Shoo - an innovative repellent

Our team designed a product, manufactured with tools of synthetic biology, which should be effective in combating diseases transmitted by insect vectors, such as dengue fever, malaria, yellow fever and leishmaniasis. Its active ingredient will be D-limonene, a terpene naturally produced by citrus plants, which has a repellent effect. Its production will be performed by a specific genic circuit triggered by plasmolysis. It will ensure its functioning just in human skin. After all, bacteria will dye by an innovative kill switch system. Find out in our project the main characteristics that make Bug Shoo a single repellent which would be presented later to the market. Also, follow along as our team has developed Policy & Practices of structured activities to raise awareness about dengue fever prevention and Synthetic Biology issues.

See more!

Our amazing sponsors!