Difference between revisions of "Team:Bulgaria/theteam"

 
(22 intermediate revisions by the same user not shown)
Line 87: Line 87:
 
.backgroundPicture{
 
.backgroundPicture{
 
position: fixed;
 
position: fixed;
top: 15;
+
top: 0;
 
left: 0;
 
left: 0;
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
 
opacity: 0.5;
 
opacity: 0.5;
background-image: url("https://static.igem.org/mediawiki/2018/4/4f/T--Bulgaria--baby.jpg");
+
background-image: url("https://static.igem.org/mediawiki/2018/5/55/T--Bulgaria--Team.jpg");
 
background-color: #0A1215;
 
background-color: #0A1215;
 
background-position: center;
 
background-position: center;
Line 98: Line 98:
 
background-size: cover;
 
background-size: cover;
 
}
 
}
 +
  
  
 
.navigation {
 
.navigation {
  position:fixed;
+
position:fixed;
  top:15px;
+
top:15px;
  width: 100%;
+
width: 100%;
  left:0px;
+
left:0px;
  overflow: hidden;
+
    #overflow: hidden;
  background-color: #62071B;
+
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 
}
 
}
  
 
.navigation a {
 
.navigation a {
  font-family: 'Raleway', sans-serif;
+
    float: left;
  float: left;
+
    font-size: 16px;
  display: block;
+
    color: white;
  color: White;
+
    text-align: center;
  text-align: center;
+
    padding: 14px 16px;
  padding: 14px 16px;
+
    text-decoration: none;
  text-decoration: none;
+
  font-size: 17px;
+
 
}
 
}
  
.navigation a:hover {
+
.dropdown {
  background-color: #380615;
+
    float: left;
  color: White;
+
    overflow: hidden;
 +
}
 +
 
 +
.dropdown .dropNAVbtn {
 +
    font-size: 16px;   
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
.navigation a:hover, .dropdown:hover .dropNAVbtn {
 +
    background-color: #9F182F;
 +
color: white;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100000 !important;
 +
}
 +
 
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 
}
 
}
  
Line 141: Line 180:
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
 
   .navigation a:not(:first-child) {display: none;}
 
   .navigation a:not(:first-child) {display: none;}
 +
  .navigation .dropdown:not(:first-child) {display: none;}
 
   .navigation a.icon {
 
   .navigation a.icon {
 
     float: right;
 
     float: right;
 
     display: block;
 
     display: block;
 
   }
 
   }
 +
 
 
}
 
}
  
Line 158: Line 199:
 
   }
 
   }
 
   .navigation.responsive a {
 
   .navigation.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
  .navigation.responsive .dropdown {
 
     float: none;
 
     float: none;
 
     display: block;
 
     display: block;
Line 278: Line 324:
 
position: relative;
 
position: relative;
 
text-align: center;
 
text-align: center;
 
+
padding-top: 30px !important;
 
}
 
}
  
 
.personName{
 
.personName{
 +
 
font-size: 50px;  
 
font-size: 50px;  
font-family: 'Vollkorn', serif;
+
font-family: 'Vollkorn', serif !important;
  
 
}
 
}
Line 297: Line 344:
 
position: relative;
 
position: relative;
 
float: left;
 
float: left;
margin: -30px 30px 10px 40px;
+
margin: 00px 30px 0px 40px;
 
border-radius: 100%;
 
border-radius: 100%;
 
     border: 4px solid #0A1215;
 
     border: 4px solid #0A1215;
Line 433: Line 480:
 
    
 
    
 
}
 
}
 +
 
#scroldown::before{
 
#scroldown::before{
 
   content: '╲╱';
 
   content: '╲╱';
Line 544: Line 592:
 
<!-- CUSTOM TOP -->
 
<!-- CUSTOM TOP -->
 
<div class="contentHolder" id="topTitle">
 
<div class="contentHolder" id="topTitle">
<a id="pagetitle">HUMAN PRACTICES</a>
+
<a id="pagetitle">MEET THE TEAM</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 555: Line 603:
 
<!-- NAME/CODENAME -->
 
<!-- NAME/CODENAME -->
 
<div class="teamNames">
 
<div class="teamNames">
<a class="personName">Slavena Todorova</a>
+
<a class="personName">Mikaela Stancheva</a>
 
<br>
 
<br>
<a class="personCodename">(PANDA)</a>
+
<a class="personCodename">(el capitan)</a>
<p>Bsc Molecular Biology - 4th year</p>
+
<p>Bsc Molecular Biology - 3rd year</p>
 
</div>
 
</div>
 
<!-- PERSON PICTURE -->
 
<!-- PERSON PICTURE -->
<img src="profile_sis.jpg" alt="Slavena Todorova" class="personPicture">
+
<img src="https://static.igem.org/mediawiki/2018/7/7f/T--Bulgaria--TeamMika.jpg" alt="Mikaela Stancheva" class="personPicture">
 
<!-- CUSTOM CONTENT HOLDER #1 -->
 
<!-- CUSTOM CONTENT HOLDER #1 -->
 
<p class="personDescription">
 
<p class="personDescription">
 +
<strong>Hobbies</strong>
 
<br>
 
<br>
 
+
Dancing, watching Buzzfeed Unsolved while on the treadmill & scrolling through the Gucci website
 
<br>
 
<br>
 +
<br>
 +
<strong>The Harry Potter character I most identify with</strong>
 +
<br>
 +
Crookshanks
 +
<br>
 +
<br>
 +
<strong>Life motto</strong>
 +
<br>
 +
Hey there, demons, it’s me, ya boi.
 +
<br>
 +
<br>
 +
<strong>How I see myself in 10 years</strong>
 +
<br>
 +
Being content with what I’ve achieved & still (obviously) hating free time
 +
<br>
 +
</p>
 +
</div>
  
 +
 +
<!-- CUSTOM CONTENT HOLDER -->
 +
<div class="contentHolder">
 +
<!-- NAME/CODENAME -->
 +
<div class="teamNames">
 +
<a class="personName">Slavena Todorova</a>
 +
<br>
 +
<a class="personCodename">(PANDA)</a>
 +
<p>Bsc Molecular Biology - 4th year</p>
 +
</div>
 +
<!-- PERSON PICTURE -->
 +
<img src="https://static.igem.org/mediawiki/2018/9/9a/T--Bulgaria--teamSis.jpg" alt="Slavena Todorova" class="personPicture">
 +
<!-- CUSTOM CONTENT HOLDER #1 -->
 +
<p class="personDescription">
 
<strong>Hobbies</strong>
 
<strong>Hobbies</strong>
 
<br>
 
<br>
 
Photography, Stressing about everything
 
Photography, Stressing about everything
 
<br>
 
<br>
 
+
<br>
 
<strong>The Harry Potter character I most identify with</strong>
 
<strong>The Harry Potter character I most identify with</strong>
 
<br>
 
<br>
 
Severus Snape
 
Severus Snape
 
<br>
 
<br>
 
+
<br>
 
<strong>Life motto</strong>
 
<strong>Life motto</strong>
 
<br>
 
<br>
 
Sarcasm - because killing people is illegal.
 
Sarcasm - because killing people is illegal.
 
<br>
 
<br>
 
+
<br>
 
<strong>How I see myself in 10 years</strong>
 
<strong>How I see myself in 10 years</strong>
 
<br>
 
<br>
 
Living in my lab together with 11 dogs
 
Living in my lab together with 11 dogs
 
<br>
 
<br>
 +
</p>
 +
</div>
 +
 +
 +
<!-- CUSTOM CONTENT HOLDER -->
 +
<div class="contentHolder">
 +
<!-- NAME/CODENAME -->
 +
<div class="teamNames">
 +
<a class="personName">Asya Nikolova</a>
 +
<br>
 +
<a class="personCodename">(INSERT A COOL TITLE HERE)</a>
 +
<p>Bsc Molecular Biology - 3rd year</p>
 +
</div>
 +
<!-- PERSON PICTURE -->
 +
<img src="https://static.igem.org/mediawiki/2018/e/e0/T--Bulgaria--TeamAsq.jpg" alt="Asya Nikolova" class="personPicture">
 +
<!-- CUSTOM CONTENT HOLDER #1 -->
 +
<p class="personDescription">
 +
<strong>Hobbies</strong>
 +
<br>
 +
Petting dogs
 +
<br>
 +
<br>
 +
<strong>The Harry Potter character I most identify with</strong>
 +
<br>
 +
Harry Potter (duh...)
 +
<br>
 +
<br>
 +
 +
<strong>Life motto</strong>
 +
<br>
 +
Shaniac by day, Boogara by night.
 +
<br>
 +
<br>
 +
<strong>How I see myself in 10 years</strong>
 +
<br>
 +
The female version of Horatio Caine
 +
<br>
 +
</p>
 +
</div>
 +
 +
 +
 +
 +
 +
  
  
Line 593: Line 718:
 
<div class="navigation" id="nav">
 
<div class="navigation" id="nav">
 
   <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
   <a href="https://2018.igem.org/Team:Bulgaria/theteam" id="activeMenu">TEAM</a>
+
   <div class="dropdown">
   <a href="https://2018.igem.org/Team:Bulgaria/theproject">PROJECT</a>
+
    <button class="dropNAVbtn">TEAM
   <a href="https://2018.igem.org/Team:Bulgaria/humanPractices" >HUMAN PRACTICES</a>
+
      <i class="fa fa-caret-down"></i>
  <a href="https://2018.igem.org/Team:Bulgaria/collabs" >COLLABORATIONS</a>
+
    </button>
   <a href="https://2018.igem.org/Team:Bulgaria/parts" >PARTS</a>
+
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theteam">MEMBERS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/attrib">ATTRIBUTIONS</a>
 +
</div>
 +
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">PROJECT
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theproject">DESCRIPTION</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/DESIGN">DESIGN</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/PROTOCOLS">PROTOCOLS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/LABBOOK">LAB BOOK</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/RESULTS">RESULTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/CONTRIBUTION">CONTRIBUTION</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/IMPROVE">IMPROVE</a>
 +
</div>
 +
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">HUMAN PRACTICES
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/publicEng">PUBLIC ENGAGEMENTS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/IntHP">INTEGRATED HUMAN PRACTICES</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/survey">SURVEY</a>
 +
</div>
 +
  </div>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">COLLABORATIONS
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABMEETINGS">MEETINGS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABSURVEYS">SURVEYS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABOTHERS">OTHERS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABfollow">#FollowMeToiGEM</a>
 +
</div>
 +
  </div>  
 +
   <a href="https://2018.igem.org/Team:Bulgaria/parts" id="activeMenu">PARTS</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
   <a href="https://2018.igem.org/Team:Bulgaria/jForm" id="specialMenu">JUDGING FORM</a>
+
    
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">MEDAL CRITERIA
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALBRONZE">BRONZE</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALSILVER">SILVER</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/MEDALGOLD">GOLD</a>
 +
<a href="https://2018.igem.org/Team:Bulgaria/MEDALAWARD">SPECIAL AWARD</a>
 +
</div>
 +
  </div>
 +
  <a href="https://igem.org/2018_Judging_Form?id=2847" id="specialMenu">JUDGING FORM</a>
 
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 
MENU
 
MENU

Latest revision as of 23:25, 17 October 2018

Mikaela Stancheva
(el capitan)

Bsc Molecular Biology - 3rd year

Mikaela Stancheva

Hobbies
Dancing, watching Buzzfeed Unsolved while on the treadmill & scrolling through the Gucci website

The Harry Potter character I most identify with
Crookshanks

Life motto
Hey there, demons, it’s me, ya boi.

How I see myself in 10 years
Being content with what I’ve achieved & still (obviously) hating free time

Slavena Todorova
(PANDA)

Bsc Molecular Biology - 4th year

Slavena Todorova

Hobbies
Photography, Stressing about everything

The Harry Potter character I most identify with
Severus Snape

Life motto
Sarcasm - because killing people is illegal.

How I see myself in 10 years
Living in my lab together with 11 dogs

Asya Nikolova
(INSERT A COOL TITLE HERE)

Bsc Molecular Biology - 3rd year

Asya Nikolova

Hobbies
Petting dogs

The Harry Potter character I most identify with
Harry Potter (duh...)

Life motto
Shaniac by day, Boogara by night.

How I see myself in 10 years
The female version of Horatio Caine