Difference between revisions of "Team:CMUQ/humanpractices"

(Created page with "<html> <head> <style type="text/css"> html,body { height: 100%; } hr{ width: 20%; } </style> <!-- responsive...")
 
 
(40 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
−
  <style type="text/css">
 
−
        html,body {
 
−
            height: 100%;
 
−
        }
 
−
        hr{
 
−
            width: 20%;
 
−
        }
 
−
    </style>
 
−
    <!-- responsive text -->
 
−
    <style type="text/css">
 
−
        html {
 
−
            font-size: 13px;
 
−
        }
 
−
        h1 {
 
−
            font-size: 8rem;
 
−
            position: absolute;
 
−
        }
 
−
        h2 {
 
−
            font-size: 2rem;
 
−
            position: absolute;
 
−
        }
 
−
        p {
 
−
            font-size: 20px;
 
−
            word-wrap: break-word;
 
−
            word-break: keep-all;
 
−
        }
 
−
       
 
  
−
        @media screen and (min-width: 500px){
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
          html{
+
−
            font-size: 14px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 570px){
+
−
          html{
+
−
            font-size: 15px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 620px){
+
−
          html{
+
−
            font-size: 16px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 680px){
+
−
          html{
+
−
            font-size: 17px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 720px){
+
−
          html{
+
−
            font-size: 18px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 800px){
+
−
          html{
+
−
            font-size: 19px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 860px){
+
−
          html{
+
−
            font-size: 20px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 920px){
+
−
          html{
+
−
            font-size: 21px;
+
−
          }
+
−
        }
+
−
        @media screen and (min-width: 1000px){
+
−
          html{
+
−
            font-size: 22px;
+
−
          }
+
−
        }
+
−
    </style>
+
  
−
</head>
+
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  
 +
 
 +
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
  
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<!-- Latest compiled and minified CSS -->
−
    <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
−
    <link href="//2015.igem.org/Team:Oxford/Assets/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <link rel="stylesheet" href="//2015.igem.org/Team:Oxford/Assets/Font-Awesome?action=raw&ctype=text/css">
+
−
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrapj?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/contents?action=raw&ctype=text/javascript"></script>
+
  
−
    <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
<style>
 +
@media (min-width: 768px) {
 +
    .dropdown:hover .dropdown-menu {
 +
    display: block;
 +
    }
 +
}
 +
.centered {
 +
    position: absolute;
 +
    top: 200px;
 +
    left: 30px;
  
 +
  color: white;
 +
}
 +
.footer{
 +
    display: table;
 +
    text-align: center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
body, html {
 +
    height: 100%;
 +
}
  
−
<body>
+
.main{
−
    <nav class="navbar navbar-default navbar-fixed-top">
+
    /* The image used */
−
        <div class="container-fluid">
+
    background-image: url('https://static.igem.org/mediawiki/2017/b/b2/Kayaking.jpg');
−
            <div class="navbar-header">
+
 
−
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar">
+
    /* Full height */
−
                    <i class="fa fa-chevron-down"></i>
+
    height: 700px;
−
                </button>
+
 
−
                <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ">CMUQ</a>
+
    /* Create the parallax scrolling effect */
−
            </div>
+
    background-attachment: fixed;
−
            <nav class="navbar-collapse collapse" id="ox-navbar">
+
    background-position: center;
−
                <ul class="nav navbar-nav navbar-right">
+
    background-repeat: no-repeat;
−
                    <li class="dropdown">
+
    background-size: cover;
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT<span class="caret"></span></a>
+
  opacity: 0.9;
−
                        <ul class="dropdown-menu">
+
   
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/descritpion">Description</a></li>
+
}
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/design">Design</a></li>
+
 
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/safety">Safety</a></li>
+
 
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/parts">Parts</a></li>
+
.division{
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/collaborations">Collaborations</a></li>
+
    font-family: 'Raleway', sans-serif;
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/achievments">Achievements</a></li>
+
   
−
                        </ul>
+
    height:370px;   
−
                    </li>
+
   
−
                    <li class="dropdown">
+
}
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">PRACTICES<span class="caret"></span></a>
+
html {
−
                        <ul class="dropdown-menu">
+
font-size: 13px;
 +
}
 +
h1 {
 +
font-size: 8rem;
 +
position: absolute;
 +
}
 +
h2 {
 +
font-size: 2rem;
 +
position: absolute;
 +
}
 +
p {
 +
font-size: 1rem;
 +
word-wrap: break-word;
 +
word-break: keep-all;
 +
}
 +
 +
 
 +
 
 +
@media screen and (min-width: 500px){
 +
  html{
 +
    font-size: 14px;
 +
  }
 +
}
 +
@media screen and (min-width: 570px){
 +
  html{
 +
    font-size: 15px;
 +
  }
 +
}
 +
@media screen and (min-width: 620px){
 +
  html{
 +
    font-size: 16px;
 +
  }
 +
}
 +
@media screen and (min-width: 680px){
 +
  html{
 +
    font-size: 17px;
 +
  }
 +
}
 +
@media screen and (min-width: 720px){
 +
  html{
 +
    font-size: 18px;
 +
  }
 +
}
 +
@media screen and (min-width: 800px){
 +
  html{
 +
    font-size: 19px;
 +
  }
 +
}
 +
@media screen and (min-width: 860px){
 +
  html{
 +
    font-size: 20px;
 +
  }
 +
}
 +
@media screen and (min-width: 920px){
 +
  html{
 +
    font-size: 21px;
 +
  }
 +
}
 +
@media screen and (min-width: 1000px){
 +
  html{
 +
    font-size: 22px;
 +
  }
 +
}    
 +
 
 +
            /* Collapsing Navbar Styles */
 +
 
 +
    @media(min-width:768px) {
 +
      .navbar-default {
 +
        -webkit-transition: all .35s;
 +
        -moz-transition: all .35s;
 +
        transition: all .35s;
 +
        padding: 15px 0;
 +
        background-color: transparent;
 +
                border-width: 0px;
 +
 
 +
        /* Add additional styles here for the UNCOLLAPSED state */
 +
      }
 +
      .navbar-default.affix {
 +
        padding: 0;
 +
margin-top: 9px;
 +
        background-color: white;
 +
        /* Add additional styles here for the COLLAPSED state */
 +
      }
 +
    }
 +
    .navbar.navbar-default.navbar-fixed-top a {
 +
    color: black;
 +
    font-size: 15px;
 +
                font-family: 'Montserrat', sans-serif;
 +
 
 +
    }
 +
 
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 +
/* Clear the default wiki settings */
 +
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
 +
 +
 +
 
 +
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 +
 
 +
/* Wrapper for the content */
 +
.igem_2017_content_wrapper {
 +
width: 81%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
background-color:white;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 
 +
 
 +
/********************************* HTML STYLING  *********************************/
 +
 
 +
/* styling for the titles h1 h2 */
 +
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 +
padding:5px 15px;
 +
border-bottom: 0px;
 +
color: #3399ff;
 +
}
 +
 
 +
 
 +
/* styling for the titles  h3 h4 h5 h6*/
 +
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color: #000000; 
 +
}
 +
 
 +
 
 +
/* font and text */
 +
.igem_2017_content_wrapper p {
 +
padding: 0px 15px;
 +
font-size: 13px;
 +
}
 +
 
 +
/* Links */
 +
.igem_2017_content_wrapper a {
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color: #3399ff;
 +
color:  #3399ff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 
 +
/* hover for the links */
 +
.igem_2017_content_wrapper a:hover {
 +
text-decoration:none;
 +
color:#000000;
 +
}
 +
 
 +
/* non numbered lists */
 +
.igem_2017_content_wrapper ul {
 +
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 
 +
/* numbered lists */
 +
.igem_2017_content_wrapper ol {
 +
padding:0px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 
 +
/* Table */
 +
.igem_2017_content_wrapper table {
 +
width: 97%;
 +
margin:15px 10px;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 
 +
/* table cells */
 +
.igem_2017_content_wrapper  td {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 
 +
/* table headers */
 +
.igem_2017_content_wrapper th {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
background-color:#f2f2f2;
 +
}
 +
 
 +
 
 +
/**********************************LAYOUT CLASSES **********************************/
 +
 
 +
/* general class for column divs */
 +
.igem_2017_content_wrapper .column  {
 +
padding: 10px 0px;
 +
float:left;
 +
}
 +
 
 +
/* class for a full width column */
 +
.column .full_size {
 +
width:100%;
 +
}
 +
 
 +
/* styling for images in a full width column*/
 +
.column.full_size img {
 +
width:97%;
 +
padding: 10px 15px;
 +
}
 +
 
 +
/* class for a half width column */
 +
.column.half_size {
 +
width: 50%;
 +
}
 +
/* styling for images in a half width column*/
 +
.column.half_size img {
 +
width: 94.5%;
 +
padding: 10px 15px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/********************************* SUPPORT CLASSES ********************************/
 +
 
 +
/* class that clears content below*/
 +
.igem_2017_content_wrapper .clear {
 +
clear:both;
 +
}
 +
 +
 +
/* adds extra spacing when clearing content */
 +
.igem_2017_content_wrapper  .clear.extra_space {
 +
height: 30px;
 +
}
 +
 
 +
 
 +
/* highlight class, makes content slightly smaller */
 +
.igem_2017_content_wrapper .highlight {
 +
margin: 0px 15px;
 +
padding: 15px 0px;
 +
}
 +
 
 +
 
 +
/* highlight class, adds a gray background */
 +
.igem_2017_content_wrapper .highlight.gray {
 +
background-color: #f2f2f2;
 +
}
 +
 
 +
/* highlight with decoration blue line on top */
 +
.igem_2017_content_wrapper .highlight.blue_top {
 +
    border-top: 4px solid #3399ff;
 +
}
 +
 
 +
/* highlight with a full blue border decoration */
 +
.igem_2017_content_wrapper .highlight.blue_border {
 +
    border: 4px solid  #3399ff;
 +
}
 +
 
 +
 
 +
/* button class */
 +
.igem_2017_content_wrapper .button{
 +
max-width: 35%;
 +
margin: 30px auto;
 +
padding: 12px 10px;
 +
    background-color: #3399ff;
 +
    text-align: center;
 +
  color: #ffffff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
}
 +
 
 +
/* styling for button on hover */
 +
.igem_2017_content_wrapper .button:hover{
 +
background-color: #3399ff;
 +
    color: #000000;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/***************************************************** RESPONSIVE STYLING ****************************************************/
 +
 
 +
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 1200px) {
 +
 
 +
#content {width:100%; }
 +
.igem_2017_menu_wrapper {width:15%; right:0;}
 +
.highlight {padding:10px 0px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 +
#menu_content { display:block;}
 +
.menu_button.direct_to_page {padding-left: 17px;}
 +
 +
}
 +
 
 +
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
 +
 
 +
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 +
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size  {width:100%; }
 +
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 +
.highlight {padding:15px 5px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 +
#menu_content { display:none;}
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 +
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { padding-left: 36px; }
 +
}
 +
 
 +
 
 +
 +
 +
 +
 +
</style>
 +
 
 +
 
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 
 +
 
 +
 
 +
<head>
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
 +
    <div class="container">
 +
      <!-- Brand and toggle get grouped for better mobile display -->
 +
      <div class="navbar-header">
 +
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
          <span class="sr-only">Toggle navigation</span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </button>
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ" >CMUQ</a>
 +
      </div>
 +
 
 +
      <!-- Collect the nav links, forms, and other content for toggling -->
 +
      <div class="collapse navbar-collapse" id= "expand">
 +
        <ul class="nav navbar-nav navbar-right">
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Design">Design</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Safety">Safety</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Parts">Parts</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/JudgingForm">Judging Form </a></li>
 +
                           
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> COMMUNITY INVOLVEMENT <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/HP/Gold_Integrated"> Gold HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Engagement"> Outreach</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> LAB WORK <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 
                              
 
                              
−
                        </ul>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Notebook">Notebook</a></li>
−
                    </li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Procedures</a></li>
−
                    <li class="dropdown">
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab Study</a></li>
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">WET LAB<span class="caret"></span></a>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Results">Results</a></li>
−
                        <ul class="dropdown-menu">
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/results">Overview & Results</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/notebook">Notebook</a></li>
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Protocols</a></li>
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/interlabStudy">Interlab Study</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">DRY LAB<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/modelling">Modelling</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/tutorials">Tutorials</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">PEOPLE<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/team">Team</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/attributions">Attributions</a></li>
+
−
                         
+
−
                        </ul>
+
−
 
+
−
                    </li>
+
−
                   
+
 
                 </ul>
 
                 </ul>
−
             </nav>
+
             </li>
−
         </div>
+
           
−
     </nav>
+
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a href="https://2017.igem.org/Team:CMUQ/Team">Team</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Attributions">Attributions</a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li>
 +
           
 +
         </ul>
 +
      </div>
 +
      <!-- /.navbar-collapse -->
 +
     </div>
 +
    <!-- /.container -->
 +
  </nav>
  
−
</body>
+
<div class="main">
 +
<div class="centered"> <h1>Human Practices </h1> </div>
  
 +
</div>
  
 +
 +
<br>
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">
 +
The following survey was distributed at different locations across Education City, as well as in some places in the city.
 +
<br>
 +
<img src = "https://static.igem.org/mediawiki/2017/c/c5/Survey_%281%29.png" width = "75%" >
 +
<br>
 +
 +
<div>
 +
<br>
 +
<br>
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">
 +
The following results were obtained from the survey. As a result of this, we decided to visit Qatar Academy as part of our outreach. This was beneficial in raising awareness about the issue among the general population. 
 +
</p>
 +
<br>
 +
<div style="font-family: 'Montserrat', sans-serif;font-size:50px; text-align: center; class="button_01"><a href="https://static.igem.org/mediawiki/2017/2/22/HP_SURVEY.pdf" target="_blank">Click here for the results </a></div>
 +
<br>
 +
<br>
 +
</div>
 +
 +
<div class="footer">
 +
<hr> 
 +
<span class="glyphicon glyphicon-chevron-up"></span>
 +
 +
</br>
 +
<img src = "https://static.igem.org/mediawiki/2017/e/e5/Occidental_Logo..png" width = "15%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/6/66/Logo_w-o_bg_green_mangroves.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/f/fa/IDT_logo.cmuq.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/5/53/Benchling-logo.png" width = "20%; " >
 +
</div>
 +
 +
 +
 +
 +
 +
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 +
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
 +
<script type="text/javascript">
 +
// Initialize affix and add an offset to add affix class on scroll
 +
$('#mainNav').affix({
 +
  offset: {
 +
    top: 100
 +
  }
 +
})
 +
</script>
 +
 +
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:36, 2 November 2017

Human Practices


The following survey was distributed at different locations across Education City, as well as in some places in the city.



The following results were obtained from the survey. As a result of this, we decided to visit Qatar Academy as part of our outreach. This was beneficial in raising awareness about the issue among the general population.