Difference between revisions of "Template:Bilkent-UNAMBG"

Line 1: Line 1:
 
{{Bilkent-UNAMBG}}
 
{{Bilkent-UNAMBG}}
 
<html>
 
<html>
<head>
 
<link rel="stylesheet" type="text/css" href="style.css">
 
<meta charset="UTF-8">
 
<title>index</title>
 
</head>
 
<body>
 
<div class="container">
 
                    <div class="row">
 
                        <div class="heading-title text-center">
 
                            <h3 class="text-uppercase">Our professionals </h3>
 
                            <p class="p-top-30 half-txt">Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend. </p>
 
                        </div>
 
  
                        <div class="col-md-4 col-sm-4">
 
                            <div class="team-member">
 
                                <div class="team-img">
 
                                    <img src="https://static.igem.org/mediawiki/2018/thumb/a/ae/T--Bilkent-UNAMBG--azra.jpg/180px-T--Bilkent-UNAMBG--azra.jpg" alt="team member" class="img-responsive">
 
                                </div>
 
                                <div class="team-hover">
 
                                    <div class="desk">
 
                                        <h4>Hi There !</h4>
 
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
 
                                    </div>
 
                                    <div class="s-link">
 
                                        <a href="#"><i class="fa fa-facebook"></i></a>
 
                                        <a href="#"><i class="fa fa-twitter"></i></a>
 
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
 
                                    </div>
 
                                </div>
 
                            </div>
 
  
                        </div>
+
<div id="featured">
                        <div class="col-md-4 col-sm-4">
+
<div id="page" class="container">
                            <div class="team-member">
+
<div class="title">
                                <div class="team-img">
+
<h2 class="headline">DiagNOSE Cancer</h2>
                                    <img src="https://image.freepik.com/free-photo/elegant-man-with-thumbs-up_1149-1595.jpg" alt="team member" class="img-responsive">
+
<span class="byline">Volatile Organic Compound (VOC) Based Biosensor for Early Diagnosis of Cancer</span>
                                </div>
+
</div><div style="width:35%; float: left; height: auto;"><img style="width:100%;" src="https://static.igem.org/mediawiki/2017/d/d6/Bilkent-home1.png">
                                <div class="team-hover">
+
</div>
                                    <div class="desk">
+
<p style="float:right; width: 60%; font-size: 0.8em; margin-top:45px;">Cancer is one of the most common and lethal disease in the world and it is always highlighted that early diagnosis is crucial in terms of cancer treatment. It can often be invasive and painful to diagnose cancer and harmful to the body with the existing methods. At this point, breath test appears as a promising non-invasive and real-time technique which allows the monitoring of metabolic status. </p></div>
                                        <h4>Hello World</h4>
+
</div>
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
+
                                    </div>
+
                                    <div class="s-link">
+
                                        <a href="#"><i class="fa fa-facebook"></i></a>
+
                                        <a href="#"><i class="fa fa-twitter"></i></a>
+
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
+
                                    </div>
+
                                </div>
+
                            </div>
+
                       
+
                        </div>
+
                        <div class="col-md-4 col-sm-4">
+
                            <div class="team-member">
+
                                <div class="team-img">
+
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
+
                                </div>
+
                                <div class="team-hover">
+
                                    <div class="desk">
+
                                        <h4>I love to design</h4>
+
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
+
                                    </div>
+
                                    <div class="s-link">
+
                                        <a href="#"><i class="fa fa-facebook"></i></a>
+
                                        <a href="#"><i class="fa fa-twitter"></i></a>
+
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
+
                                    </div>
+
                                </div>
+
                            </div>
+
  
                        </div>
+
<div id="page" class="container">
                                                <div class="col-md-4 col-sm-4">
+
<p style="float:left; width:60%; font-size: 0.8em;">Volatile organic compounds(VOCs) in the exhaled breath could provide in vitro detection, classification and discrimination of diseases and microorganisms which can alter the metabolic activities of the body. So that, concentration of VOCs in the exhaled breath changes. Due to metabolic changes that cancer causes, concentration of some specific VOCs increases in the breath of patients and our aim is to have bacteria sensed those VOCs to detect four most common cancer types: lung, breast, colorectal and prostate.</p><img align="left" style="float: right;" src="https://static.igem.org/mediawiki/2017/e/e2/Unmabg_3cells.png">
                            <div class="team-member">
+
</div>
                                <div class="team-img">
+
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
+
                                </div>
+
                                <div class="team-hover">
+
                                    <div class="desk">
+
                                        <h4>I love to design</h4>
+
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
+
                                    </div>
+
                                    <div class="s-link">
+
                                        <a href="#"><i class="fa fa-facebook"></i></a>
+
                                        <a href="#"><i class="fa fa-twitter"></i></a>
+
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
+
                                    </div>
+
                                </div>
+
                            </div>
+
  
                        </div>
 
                                                <div class="col-md-4 col-sm-4">
 
                            <div class="team-member">
 
                                <div class="team-img">
 
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
 
                                </div>
 
                                <div class="team-hover">
 
                                    <div class="desk">
 
                                        <h4>I love to design</h4>
 
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
 
                                    </div>
 
                                    <div class="s-link">
 
                                        <a href="#"><i class="fa fa-facebook"></i></a>
 
                                        <a href="#"><i class="fa fa-twitter"></i></a>
 
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
 
                                    </div>
 
                                </div>
 
                            </div>
 
  
                        </div>
+
<div id="page" class="container"><img align="center" src="https://static.igem.org/mediawiki/2017/d/d4/Bilkent-cancer.png"><h2>Transcription Factor Based Whole Cell Biosensors</h2>
                                                <div class="col-md-4 col-sm-4">
+
<p style="float:left; font-size: 0.8em;">We engineer artificial plasmids including promoter and reporter genes that are specific to a particular VOC. It is expected that when that particular VOC is given into the environment, bacteria will express reporter gene hence we will get some signal. After achieving getting the signal for a particular VOC, we aim to construct logical gates and circuits by using CRISPRi and luciferase system on plasmids to create well accoutred bacteria which will be able to differentiate these four cancer types.
                            <div class="team-member">
+
Our future goal is to transform our prototype into a kit. So that, diagnosis of cancer will be simpler and non-invasive.
                                <div class="team-img">
+
</p><img align="center" src="https://static.igem.org/mediawiki/2017/e/e0/Blikent-trans.png">
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
+
</div>
                                </div>
+
<ul class="actions">
                                <div class="team-hover">
+
<li><a href="https://2017.igem.org/Team:Bilkent-UNAMBG/Project" class="buttonx">See the details</a></li>
                                    <div class="desk">
+
</ul>
                                        <h4>I love to design</h4>
+
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
+
                                    </div>
+
                                    <div class="s-link">
+
                                        <a href="#"><i class="fa fa-facebook"></i></a>
+
                                        <a href="#"><i class="fa fa-twitter"></i></a>
+
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
+
                                    </div>
+
                                </div>
+
                            </div>
+
  
                        </div>
 
                                                <div class="col-md-4 col-sm-4">
 
                            <div class="team-member">
 
                                <div class="team-img">
 
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
 
                                </div>
 
                                <div class="team-hover">
 
                                    <div class="desk">
 
                                        <h4>I love to design</h4>
 
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
 
                                    </div>
 
                                    <div class="s-link">
 
                                        <a href="#"><i class="fa fa-facebook"></i></a>
 
                                        <a href="#"><i class="fa fa-twitter"></i></a>
 
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
 
                                    </div>
 
                                </div>
 
                            </div>
 
 
                        </div>
 
                                                <div class="col-md-4 col-sm-4">
 
                            <div class="team-member">
 
                                <div class="team-img">
 
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
 
                                </div>
 
                                <div class="team-hover">
 
                                    <div class="desk">
 
                                        <h4>I love to design</h4>
 
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
 
                                    </div>
 
                                    <div class="s-link">
 
                                        <a href="#"><i class="fa fa-facebook"></i></a>
 
                                        <a href="#"><i class="fa fa-twitter"></i></a>
 
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
 
                                    </div>
 
                                </div>
 
                            </div>
 
 
                        </div>
 
                                                <div class="col-md-4 col-sm-4">
 
                            <div class="team-member">
 
                                <div class="team-img">
 
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
 
                                </div>
 
                                <div class="team-hover">
 
                                    <div class="desk">
 
                                        <h4>I love to design</h4>
 
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
 
                                    </div>
 
                                    <div class="s-link">
 
                                        <a href="#"><i class="fa fa-facebook"></i></a>
 
                                        <a href="#"><i class="fa fa-twitter"></i></a>
 
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
 
                                    </div>
 
                                </div>
 
                            </div>
 
 
                        </div>
 
                                                <div class="col-md-4 col-sm-4">
 
                            <div class="team-member">
 
                                <div class="team-img">
 
                                    <img src="https://image.freepik.com/free-photo/well-dressed-executive-with-crossed-arms_1098-3930.jpg" alt="team member" class="img-responsive">
 
                                </div>
 
                                <div class="team-hover">
 
                                    <div class="desk">
 
                                        <h4>I love to design</h4>
 
                                        <p>I love to introduce myself as a hardcore Web Designer.</p>
 
                                    </div>
 
                                    <div class="s-link">
 
                                        <a href="#"><i class="fa fa-facebook"></i></a>
 
                                        <a href="#"><i class="fa fa-twitter"></i></a>
 
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
 
                                    </div>
 
                                </div>
 
                            </div>
 
 
                        </div>
 
 
                    </div>
 
 
                </div>
 
  
 +
<div id="copyright" class="container">
 +
<p>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
 +
</div>
 +
<div class="sponsor">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c8/Bilkent-footer.png">
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 19:33, 17 October 2018

Volatile organic compounds(VOCs) in the exhaled breath could provide in vitro detection, classification and discrimination of diseases and microorganisms which can alter the metabolic activities of the body. So that, concentration of VOCs in the exhaled breath changes. Due to metabolic changes that cancer causes, concentration of some specific VOCs increases in the breath of patients and our aim is to have bacteria sensed those VOCs to detect four most common cancer types: lung, breast, colorectal and prostate.

Transcription Factor Based Whole Cell Biosensors

We engineer artificial plasmids including promoter and reporter genes that are specific to a particular VOC. It is expected that when that particular VOC is given into the environment, bacteria will express reporter gene hence we will get some signal. After achieving getting the signal for a particular VOC, we aim to construct logical gates and circuits by using CRISPRi and luciferase system on plasmids to create well accoutred bacteria which will be able to differentiate these four cancer types. Our future goal is to transform our prototype into a kit. So that, diagnosis of cancer will be simpler and non-invasive.