Line 50: | Line 50: | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | .box-1{ | ||
+ | float: right; | ||
+ | background-color: #404244; | ||
+ | width: 4.6%; | ||
+ | color:#fff; | ||
+ | text-transform: uppercase; | ||
+ | font-family:'PT_Sans_Caption_Bold'; | ||
+ | font-size: 16px; | ||
+ | height: 58px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .box-1 span{ | ||
+ | position: relative; | ||
+ | top:16px; | ||
+ | } | ||
+ | |||
+ | .nav-wrapp .navbar-default{ | ||
+ | background-color: #fff; | ||
+ | border:0px; | ||
+ | margin-bottom:0px; | ||
+ | height: 100%; | ||
+ | font-family:'PT_Sans_Caption_Bold'; | ||
+ | font-size: 16px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | ul.nav.navbar-nav { | ||
+ | display: flex; | ||
+ | justify-content: space-between; | ||
+ | width: 100%; | ||
+ | flex-wrap: wrap; | ||
+ | } | ||
+ | ul.nav.navbar-nav li a{ | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | ul.nav.navbar-nav li{ | ||
+ | flex: 1 1 auto; | ||
+ | } | ||
+ | .nav-wrapp .nav.navbar-nav>li{ | ||
+ | border-right:1px solid #ccc; | ||
+ | min-height:55px; | ||
+ | } | ||
+ | .nav-wrapp .nav.navbar-nav>li:last-child{ | ||
+ | border-right:0px; | ||
+ | } | ||
+ | #nav-expander{ | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .button-look{ | ||
+ | width: 100%; | ||
+ | border:1px solid #fff; | ||
+ | text-align: center; | ||
+ | float:left; | ||
+ | margin-top:15px; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | font-family:'PT_Sans_Caption_Bold'; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | a.button-look { | ||
+ | color:#fff; | ||
+ | } | ||
+ | a.button-look:hover{ | ||
+ | color:#fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .row-box mark{ | ||
+ | background: transparent; | ||
+ | text-transform: uppercase; | ||
+ | font-family:'PT_Sans_Caption_Bold'; | ||
+ | color: #282828; | ||
+ | font-size: 14px; | ||
+ | padding-top:35px; | ||
+ | padding-bottom:20px; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | |||
+ | |||
+ | } | ||
+ | .row-box .media{ | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | padding-bottom:25px; | ||
+ | border-bottom:1px solid #ccc; | ||
+ | } | ||
+ | .col-md-6.img-box{ | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .row-box .media-heading{ | ||
+ | font-size: 32px; | ||
+ | font-family:'PT_Serif_Bold'; | ||
+ | } | ||
+ | .p-intro{ | ||
+ | font-family:'PT_Sans_Regular'; | ||
+ | font-size:13px; | ||
+ | color: #282828; | ||
+ | } | ||
+ | |||
+ | .col-md-3.media-small{ | ||
+ | border-left:1px solid #ccc; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | border-bottom:1px solid #ccc; | ||
+ | border-top:1px solid #ccc; | ||
+ | } | ||
+ | .col-md-3.media-small:first-child{ | ||
+ | border-left: none; | ||
+ | } | ||
+ | .row-box .col-md-12>.col-md-3.media-small:first-child{ | ||
+ | |||
+ | } | ||
+ | .row-box .col-md-12>.col-md-3.media-small:first-child{ | ||
+ | |||
+ | border-left:none; | ||
+ | } | ||
+ | |||
+ | .row-box .col-md-12>.col-md-6.media-no:first-child{ | ||
+ | border-left:none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .row-box .col-md-12>.col-md-3.media-small:last-child{ | ||
+ | border-right:none; | ||
+ | } | ||
+ | .row-box.tabs-box{ | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | margin-top:35px; | ||
+ | } | ||
+ | |||
+ | /*RESPONSIVE*/ | ||
+ | @media screen and (max-width: 1260px) { | ||
+ | #nav-expander{ | ||
+ | display:block; | ||
+ | visibility: visible; | ||
+ | color:#000; | ||
+ | font-family:'PT_Sans_Caption_Bold'; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | .navbar.navbar-default.pull-left{ | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .nav-box{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | .box-3{ | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .box-2{ | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .box-1{ | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | @media screen and (max-width: 1130px) { | ||
+ | .p-intro { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | .col-md-3.media-small .media-heading { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .row-box .media-heading { | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | .col-md-6.eu-fond-right-news .media-heading { | ||
+ | font-size: 23px; | ||
+ | } | ||
+ | .news-letter input { | ||
+ | font-size: 10px!important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1024px) { | ||
+ | |||
+ | .row-box .media-heading { | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 968px) { | ||
+ | .p-intro { | ||
+ | font-size: 12px!important; | ||
+ | } | ||
+ | #weather span { | ||
+ | font-size: 35px!important; | ||
+ | } | ||
+ | .col-md-6.eu-fond-right-news .media-heading { | ||
+ | font-size: 20px!important; | ||
+ | } | ||
+ | .color-box label.title { | ||
+ | font-size: 23px; | ||
+ | line-height: 25px; | ||
+ | } | ||
+ | .row-box .col-md-12 label { | ||
+ | font-size: 12px!important; | ||
+ | } | ||
+ | ul.nav.navbar-default > li > a { | ||
+ | padding-right: 0px!important; | ||
+ | padding-left: 12px!important; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | .row-box .media-heading { | ||
+ | font-size: 22px; | ||
+ | } | ||
+ | .right-box-content .left-box-inner p { | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | .btn { | ||
+ | font-size: 12px!important; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .gray-bottom-border{ | ||
+ | border-bottom:1px solid #ccc; | ||
+ | } | ||
+ | .gray-top-border{ | ||
+ | border-top: 1px solid #ccc; | ||
+ | } | ||
+ | .row-box .col-md-12 label{ | ||
+ | font-family: 'PT_Serif_Bold'; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | .row-box{ | ||
+ | float:left; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .news-box .col-md-12 { | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .content-details{ | ||
+ | padding-bottom: 60px; | ||
+ | } | ||
+ | |||
+ | .right-details{ | ||
+ | padding-left: 40px; | ||
+ | } | ||
+ | .text-details{ | ||
+ | font-family: 'PT_Sans_Regular'; | ||
+ | font-size: 12px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | .content-details{ | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | .border-top-right-bottom{ | ||
+ | border-top:3px solid #c20c0c; | ||
+ | border-right: 1px solid #ccc; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | ul.details{ | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | padding-left: 0px; | ||
+ | max-width: 350px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | ul.details li{ | ||
+ | font-family: 'PT_Sans_Regular'; | ||
+ | font-size: 14px; | ||
+ | color:black; | ||
+ | } | ||
+ | ul.details li:before { | ||
+ | content: "• "; | ||
+ | color: #c20c0c; /* or whatever color you prefer */ | ||
+ | } | ||
+ | |||
+ | .bigger-middle-title{ | ||
+ | font-family: 'PT_Serif_Bold'; | ||
+ | font-size: 24px; | ||
+ | color:#c20c0c; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | ul.list-of-consalting{ | ||
+ | list-style: decimal; | ||
+ | min-height: 250px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | ul.list-of-consalting > li { | ||
+ | list-style: decimal; | ||
+ | font-family: 'PT_Sans_Caption_Bold'; | ||
+ | font-size: 14px; | ||
+ | color: #282828; | ||
+ | float: left; | ||
+ | width: calc(50% - 10px); | ||
+ | list-style-position: inside; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | margin-left: 10px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | ul.list-of-consalting > li:nth-child(even){ | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | ul.list-of-consalting li .dropdown{ | ||
+ | width: 90%; | ||
+ | float: right; | ||
+ | |||
+ | |||
+ | } | ||
+ | ul.list-of-consalting li .dropdown .dropdown-toggle{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | ul.list-of-consalting li .dropdown .dropdown-toggle span:first-child{ | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | width: 94%; | ||
+ | } | ||
+ | ul.list-of-consalting li .dropdown .dropdown-toggle span:nth-child(2){ | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | ul.list-of-consalting li .dropdown ul.expand-details li{ | ||
+ | font-family: 'PT_Sans_Regular'; | ||
+ | width: 100%; | ||
+ | float:left; | ||
+ | font-size: 14px; | ||
+ | color:black; | ||
+ | border-bottom: none; | ||
+ | margin-left: 0px; | ||
+ | list-style-position: outside; | ||
+ | } | ||
+ | |||
Line 256: | Line 603: | ||
We cooperated with Bio Bangla, a community lab in Dhaka, to hold the first ever synthetic biology event in Bangladesh. We gave presentation about synthetic biology and our projects. About 40 students from 6 universities joined the event. The chairman of Microbiology department at Noakhali Science and Technology University- Firoz Ahmed and Prime minister a2i project consultant- Iran Khan also joined the event. After the event, we are very glad to notice that they will form the first iGEM team in Bangladesh in 2018. We therefore also provided advices in establishment of first iGEM team in Bangladesh. | We cooperated with Bio Bangla, a community lab in Dhaka, to hold the first ever synthetic biology event in Bangladesh. We gave presentation about synthetic biology and our projects. About 40 students from 6 universities joined the event. The chairman of Microbiology department at Noakhali Science and Technology University- Firoz Ahmed and Prime minister a2i project consultant- Iran Khan also joined the event. After the event, we are very glad to notice that they will form the first iGEM team in Bangladesh in 2018. We therefore also provided advices in establishment of first iGEM team in Bangladesh. | ||
</p> | </p> | ||
+ | <div class="dropdown"> | ||
+ | |||
+ | <button class="dropdown-toggle" type="button" data-toggle="collapse" style="background-color:transparent;border:none;" data-target="#clicktoseequestionnaireresult"> | ||
+ | <span>Click to see questionnaire result</span> | ||
+ | <span style="color:#c20c0c;margin-left:5px;" class="fa fa-angle-down"></span> | ||
+ | </button> | ||
+ | |||
+ | <div id="clicktoseequestionnaireresult" class="collapse"> | ||
+ | <ul class="expand-details"> | ||
+ | <li>It is result from survey</li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
<ul> | <ul> | ||
− | |||
<li>Participated Bangladesh Universities</li> | <li>Participated Bangladesh Universities</li> | ||
</ul> | </ul> |
Revision as of 18:22, 12 September 2017