Difference between revisions of "Team:Dundee/home19"

 
(45 intermediate revisions by 3 users not shown)
Line 4: Line 4:
  
  
 
+
     <header>
     <header class="container">
+
 
     <a class="anchor" id="top"></a>
 
     <a class="anchor" id="top"></a>
      <div>
 
 
         <center>
 
         <center>
             <font face="arial" size="7" color="white"><h1><img src="img/csi-dundee.png" alt="CSI:Dundee"</h1></b></font>
+
             <h1><highlight class="highlight">CSI: DUNDEE</highlight></h1>
             <h3><img src="img/the-forensic-toolkit.png" alt="The Forensic Toolkit"</h3>
+
             <h3><highlight class="highlight">The Forensic Toolkit</highlight></h3>
          <div style="margin-top:30px;">
+
            <a href="https://2015.igem.org/Team:Dundee/intro_video" class="btn btn-primary btn-lg">Watch Our Introduction Video</a>
 
+
<!---
+
                  <a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#videoModal" data-theVideo="video/Episode 1.mp4" >Watch Our Introduction Video</a>
+
 
+
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
+
  <div class="modal-dialog">
+
    <div class="modal-content">
+
      <div class="modal-body">
+
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+
        <div>
+
          <iframe width="100%" height="350" src=""></iframe>
+
        </div>
+
      </div>
+
    </div>
+
  </div>
+
</div>
+
 
+
-->
+
 
+
 
         </center>
 
         </center>
       </div>
+
       </header>
    </header>
+
 
+
   
+
  
<h1 class="selection-title">Click to Navigate</h1>
+
<div class="ribbon">
 +
 
<!-- button navigation -->
 
<!-- button navigation -->
 
<a class="anchor" id="selection"></a>
 
<a class="anchor" id="selection"></a>
     <section id="about" class="container">     
+
     <section id="about" class="row1">     
 
       <div class="row">
 
       <div class="row">
 
         <div class="col-lg-4">
 
         <div class="col-lg-4">
           <a href="#section1" class="scroll"><span class="glyphicon glyphicon-briefcase"></span></a> <br>
+
           <a href="#section1" class="scroll"><span class="glyphicon glyphicon-briefcase"></span></a>  
           <h3><font face="cambria" color="white" size="5"><b>Forensic Toolkit</b></font></h3>
+
           <h3>Forensic Toolkit</h3>
           <p class="about-content"><font face="arial" color="white" size="3"><b>Our forensic toolkit, most importantly, puts science first. Through the use of synthetic biology approaches our project aimed to lay the foundations for the development of a set of new and improved forensic methods. </b></font></p>
+
           <p class="about-content">Our forensic toolkit, most importantly, puts science first. Through the use of synthetic biology technologies, our project has aimed to lay the foundations for the development of a set of new and improved forensic methods.</p>
 
         </div>
 
         </div>
 
         <div class="col-lg-4">
 
         <div class="col-lg-4">
           <a href="#section2"><span class="glyphicon glyphicon-search" type="button" ></span></a> <br>
+
           <a href="#section2"><span class="glyphicon glyphicon-search" type="button"></span></a>
           <h3><font face="cambria" color="white" size="5"><b>Outreach</b></font></h3>
+
           <h3>Outreach</h3>
           <p class="about-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a tincidunt elit. Aliquam porta nibh at enim luctus, auctor consequat dolor vehicula.</p>
+
           <p class="about-content">In order to gain a deeper insight into the field of forensics, we liaised with a diverse mix of professionals, from criminal lawyers to crime writers, who kindly shared with us their advice and expertise.</p>
 
         </div>
 
         </div>
 
         <div class="col-lg-4">
 
         <div class="col-lg-4">
           <a href="#section3"><span class="glyphicon glyphicon-eye-open"></span></a> <br>
+
           <a href="#section3"><span class="glyphicon glyphicon-eye-open"></span></a>  
           <h3><b><font face="cambria" color="white" size="5">About Us</b></font></h3>
+
           <h3>About Us</h3>
           <p class="about-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a tincidunt elit. Aliquam porta nibh at enim luctus, auctor consequat dolor vehicula.</p>
+
           <p class="about-content">We are an enthusiastic group of Dundee University students who are studying a mix of subjects. We are all united by our shared passion for scientific research and the chance to create something that could really make a difference!</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 63: Line 40:
 
<a class="anchor" id="section1"></a>
 
<a class="anchor" id="section1"></a>
 
     <section id="about3">
 
     <section id="about3">
       <div class="container">
+
       <div class="row2">
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-6">
 
           <div class="col-md-6">
Line 74: Line 51:
 
               </div>
 
               </div>
 
               <div class="col-md-10">
 
               <div class="col-md-10">
                 <h4>What it does</h4>
+
                 <h4>BIOSPRAY</h4>
                 Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.
+
                 Distinction between different body fluids at a crime scene currently requires the use of numerous time consuming methods. Our BioSpray aims to provide an efficient, all in one solution that can be used to detect and distinguish between body fluids based on fluorescent nanobead technology in combination with synthetic biology.
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 83: Line 60:
 
               </div>
 
               </div>
 
               <div class="col-md-10">
 
               <div class="col-md-10">
                 <h4>How it does this</h4>
+
                 <h4>FINGERPRINT AGING</h4>
                 Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.
+
                 One of the biggest challenges currently facing forensic scientists is the ability to determine the age of fingerprints left at crime scenes. This is due to the extensive range of factors which affect fingerprint composition therefore, through the use of complex mathematical modelling, we hope to identify a potential target within fingerprints that could be reliably targeted using synthetic biology and correlated to an appropriate time scale.
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 92: Line 69:
 
               </div>
 
               </div>
 
               <div class="col-md-10">
 
               <div class="col-md-10">
                 <h4>Uses</h4>
+
                 <h4>CHROMATE SENSOR</h4>
                 Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.
+
                 Crime cases which involve cut marks being left on bones are, at present, examined solely by visual methods such as microscopy. Although these methods provide powerful evidence, there is no chemical test currently in place which is used to detect residue deposited on bone by implements used during a crime. Such information may prove useful in establishing the nature of the weapon used as well as locating fine cuts that may go unnoticed during post mortem examination.
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 99: Line 76:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <a style="margin-top:0px" href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
+
         <a href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
  
 
 
  
 
<a class="anchor" id="section2"></a>
 
<a class="anchor" id="section2"></a>
 
     <section id="about3">
 
     <section id="about3">
       <div class="container">
+
       <div class="row3">
 
         <div class="row">
 
         <div class="row">
 
           <div class="">
 
           <div class="">
Line 114: Line 90:
 
           <div class="col-md-6 feature" style="">
 
           <div class="col-md-6 feature" style="">
 
             <div class="row">
 
             <div class="row">
                 <h4>What it does</h4>
+
                 <h4>WHO DID WE MEET?</h4>
                 <p>Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis. </p>
+
                 <p>We have been lucky enough to have held several fantastic interviews throughout the summer with a range of professionals who helped give invaluable insight into the field of forensic science in many different contexts.</p>
                 <h4> How it does this </h4>
+
                 <h4>WHAT DID WE LEARN?</h4>
                 <p>Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.</p>
+
                 <p>It became apparent from our early meetings that Forensic Science is a field which is largely founded on the basis of expert interpretation rather being subject to robust scientific scrutiny. Our science first approach offers an exciting alternative in terms of how investigative forensic tools are developed. Our hope is that this can help to improve the efficiency of existing techniques as well as lead to the production of brand new methods.</p>
 
               </div>             
 
               </div>             
 
               <a href="" class="btn btn-primary btn-lg pull-right" role="button">Learn more</a>
 
               <a href="" class="btn btn-primary btn-lg pull-right" role="button">Learn more</a>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
             <a style="margin-top:0px" href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
+
             <a href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
Line 129: Line 105:
 
<a class="anchor" id="section3"></a>
 
<a class="anchor" id="section3"></a>
 
  <section id="about3">
 
  <section id="about3">
       <div class="container">
+
       <div class="row4">
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-6">
 
           <div class="col-md-6">
Line 137: Line 113:
 
             <div class="row">
 
             <div class="row">
 
               <div class="col-md-12">
 
               <div class="col-md-12">
                 <h4>What it does</h4>
+
                 <h4>WHO ARE WE?</h4>
                 Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.Praesent gravida justo quis faucibus vulputate.
+
                 We are a mix of third and fourth year undergraduate students with backgrounds in Life Sciences, Physics and Mathematics. To find out more about us individually, visit our Team page.
                <br>
+
                <br>
+
                <h4>blalglglglgl</h4>
+
                Cras hendrerit varius dui, a molestie ligula imperdiet quis.Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.
+
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 148: Line 120:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <a style="margin-top:0px" href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
+
         <a href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
  
<a class="anchor" id="section4"></a>
+
</div>
    <section id="about3">
+
      <div class="container">
+
        <div class="row">
+
          <div class="">
+
              <img src="img/igem-sponsor.png" align="right" width="50%" height="auto" class="img-mockup">
+
              </div>
+
          <div class="col-md-6 feature" style="">
+
            <div class="row">
+
                <h4>What it does</h4>
+
                <p>Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis. </p>
+
                <h4> How it does this </h4>
+
                <p>Praesent gravida justo quis faucibus vulputate. Cras hendrerit varius dui, a molestie ligula imperdiet quis.</p>
+
              </div>           
+
              <a href="" class="btn btn-primary btn-lg pull-right" role="button">Learn more</a>
+
              </div>
+
            </div>
+
            <a style="margin-top:0px" href="#selection" class="btn btn-info btn-md pull-right" role="button">&uarr;</a>
+
      </div>
+
    </section>
+
 
+
    <div class="container">
+
     
+
 
+
  <section id="sponsor">
+
    <div class="container">
+
      <div class="row">
+
        <div class="col-md-3">
+
          <img class="igem-sponsor" src="./img/igem-sponsor.png">
+
        </div>
+
        <div class="col-md-3">
+
          <img src="#">
+
        </div>
+
        <div class="col-md-3">
+
          <img src="#">
+
        </div>
+
        <div class="col-md-3">
+
          <img src="#">
+
        </div>
+
      </div>
+
      <h3>Donec sed sapien</h3>
+
      Morbi felis lectus, ultricies nec tellus eu, faucibus eleifend lectus. In molestie augue leo, id imperdiet ante imperdiet at. Quisque ultrices neque sit amet felis tincidunt tristique at sed nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut suscipit ut massa in ultricies. Nunc nec tincidunt nunc, ut consectetur lorem. Sed non justo nisl.
+
      <div style="margin-top:40px;">
+
        <a href="#" class="btn btn-primary btn-lg" role="button">Watch Our Introduction Video</a>
+
        <a href="#top" class="btn btn-info btn-md" role="button">Back to the top</a>
+
      </div>
+
    </div>
+
  </section>
+
 
+
  <footer>
+
    <div class="container">
+
      <div class="row">
+
        <div class="col-md-3">
+
          <h4>Dundee University</h4>
+
          <p>Duis viverra suscipit vehicula. Aenean eu massa leo. Sed ullamcorper pretium risus eu scelerisque. Mauris venenatis consequat ultrices. Quisque fringilla sed lacus eu volutpat.</p>
+
        </div>
+
        <div class="col-md-3">
+
          <h4>Social Media</h4>
+
          <div class="row">
+
            <div class="col-md-1"><span class="fa fa-youtube-play"></span></div>
+
            <div class="col-md-10"><a href="http://www.youtube.com/blahblah">youtube.com/blahblah</a></div>
+
          </div><br>
+
          <div class="row">
+
            <div class="col-md-1"><span class="fa fa-facebook-square"></span></div>
+
            <div class="col-md-10"><a href="http://www.facebook.com/igemdundee2015">facebook.com/igemdundee2015</a></div>
+
          </div><br>
+
          <div class="row">
+
            <div class="col-md-1"><span class="fa fa-twitter"></span></div>
+
            <div class="col-md-10"><a href="http://www.twitter.com/dundeeigemteam">twitter.com/dundeeigemteam</a></div>
+
      </div>
+
    </div>
+
  </footer> 
+
 
+
  <footer id="copyright">
+
    <p>Dundee University</p>
+
  </footer>
+
 
+
  
  
Line 247: Line 143:
 
});
 
});
 
</script>
 
</script>
 
 
  </div>
 
 
   </body>
 
   </body>
 
</html>
 
</html>
 
{{:Team:Dundee/navbar}}
 
{{:Team:Dundee/navbar}}
 +
{{:Team:Dundee/footer}}

Latest revision as of 13:20, 31 July 2015

CSI: DUNDEE

The Forensic Toolkit

Watch Our Introduction Video

Forensic Toolkit

Our forensic toolkit, most importantly, puts science first. Through the use of synthetic biology technologies, our project has aimed to lay the foundations for the development of a set of new and improved forensic methods.

Outreach

In order to gain a deeper insight into the field of forensics, we liaised with a diverse mix of professionals, from criminal lawyers to crime writers, who kindly shared with us their advice and expertise.

About Us

We are an enthusiastic group of Dundee University students who are studying a mix of subjects. We are all united by our shared passion for scientific research and the chance to create something that could really make a difference!

BIOSPRAY

Distinction between different body fluids at a crime scene currently requires the use of numerous time consuming methods. Our BioSpray aims to provide an efficient, all in one solution that can be used to detect and distinguish between body fluids based on fluorescent nanobead technology in combination with synthetic biology.

FINGERPRINT AGING

One of the biggest challenges currently facing forensic scientists is the ability to determine the age of fingerprints left at crime scenes. This is due to the extensive range of factors which affect fingerprint composition therefore, through the use of complex mathematical modelling, we hope to identify a potential target within fingerprints that could be reliably targeted using synthetic biology and correlated to an appropriate time scale.

CHROMATE SENSOR

Crime cases which involve cut marks being left on bones are, at present, examined solely by visual methods such as microscopy. Although these methods provide powerful evidence, there is no chemical test currently in place which is used to detect residue deposited on bone by implements used during a crime. Such information may prove useful in establishing the nature of the weapon used as well as locating fine cuts that may go unnoticed during post mortem examination.
Learn more

WHO DID WE MEET?

We have been lucky enough to have held several fantastic interviews throughout the summer with a range of professionals who helped give invaluable insight into the field of forensic science in many different contexts.

WHAT DID WE LEARN?

It became apparent from our early meetings that Forensic Science is a field which is largely founded on the basis of expert interpretation rather being subject to robust scientific scrutiny. Our science first approach offers an exciting alternative in terms of how investigative forensic tools are developed. Our hope is that this can help to improve the efficiency of existing techniques as well as lead to the production of brand new methods.

Learn more

WHO ARE WE?

We are a mix of third and fourth year undergraduate students with backgrounds in Life Sciences, Physics and Mathematics. To find out more about us individually, visit our Team page.
Learn more