|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <head>
| + | <head> |
| - | <title>Home</title>
| + | <style> |
| - | <div class="bg">
| + | #p-logo { |
| - | <div class="container">
| + | display: none; |
| - | <div class="header">
| + | } |
| - | <div class="logo"></div>
| + | #search-controls { |
| - | <div class="contact-order"></div>
| + | display: none; |
| - | <div class="clearfix"> </div>
| + | |
| - | </div>
| + | |
| - | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
| + | |
| - |
| + | |
| - | <!---- start-smoth-scrolling---->
| + | |
| - |
| + | |
| - |
| + | |
| - | <script type="text/javascript">
| + | |
| - | jQuery(document).ready(function($) {
| + | |
| - | $(".scroll").click(function(event){
| + | |
| - | event.preventDefault();
| + | |
| - | $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
| + | |
| - | });
| + | |
| - | });
| + | |
| - | </script>
| + | |
| - | <!---- start-smoth-scrolling---->
| + | |
| - | <!-- Custom Theme files -->
| + | |
| - |
| + | |
| - | <!-- Custom Theme files -->
| + | |
| - | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| - | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
| + | |
| - | </script>
| + | |
| - | <!----webfonts---->
| + | |
| - | <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic' rel='stylesheet' type='text/css'>
| + | |
| - | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,800,300,700' rel='stylesheet' type='text/css'>
| + | |
| - | <!----//webfonts---->
| + | |
| - | <!----start-top-nav-script---->
| + | |
| - | <script>
| + | |
| - | $(function() {
| + | |
| - | var pull = $('#pull');
| + | |
| - | menu = $('nav ul');
| + | |
| - | menuHeight = menu.height();
| + | |
| - | $(pull).on('click', function(e) {
| + | |
| - | e.preventDefault();
| + | |
| - | menu.slideToggle();
| + | |
| - | });
| + | |
| - | $(window).resize(function(){
| + | |
| - | var w = $(window).width();
| + | |
| - | if(w > 320 && menu.is(':hidden')) {
| + | |
| - | menu.removeAttr('style');
| + | |
| - | }
| + | |
| - | });
| + | |
| - | });
| + | |
| - | </script>
| + | |
| - | <!----//End-top-nav-script---->
| + | |
| - | </head> | + | |
| - | <body bgcolor="#F0F8FF">
| + | |
| - | <!-----start-container---->
| + | |
| - | <style>
| + | |
| - | html, body{
| + | |
| - | font-family: 'Ubuntu', sans-serif;
| + | |
| - | font-size: 100%;
| + | |
| - | background-color: #F0F8FF;
| + | |
| | } | | } |
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
| - |
| |
| | .firstHeading { | | .firstHeading { |
| - | width: 975px;
| + | display: none; |
| - | margin: 0px auto;
| + | |
| - | padding-top: 100px;
| + | |
| - | margin-bottom: 20px;
| + | |
| - | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
| | } | | } |
| - | | + | #catlinks { |
| - | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| + | display: none; |
| - | | + | |
| - | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | + | |
| - | background-color: #383838; | + | |
| - | border: 0 none;
| + | |
| - | height: 14px;
| + | |
| - | z-index: 100;
| + | |
| - | top: 0;
| + | |
| - | position: fixed;
| + | |
| - | width: 975px;
| + | |
| - | left: 50%;
| + | |
| - | margin-left: -487px;
| + | |
| | } | | } |
| - | | + | #footer-box { |
| - | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | + | display: none; |
| - | background-color: #383838;
| + | |
| - | height: 14px;
| + | |
| - | display: block; | + | |
| - | z-index: 10;
| + | |
| - | position: fixed;
| + | |
| - | width: 100%;
| + | |
| - | top: 0;
| + | |
| | } | | } |
| - | | + | #contentSub{ |
| - | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | + | display: none; |
| - | color: #727272; | + | |
| - | text-decoration: none;
| + | |
| - | background-color: transparent;
| + | |
| | } | | } |
| - | | + | /***hiding***/ |
| - | body {
| + | #top-section { |
| - | background-color: #fff; | + | height: 18px; |
| | + | background:url(https://static.igem.org/mediawiki/2013/8/84/Px.png) transparent repeat; |
| | + | width: 1000px; |
| | + | border:0px; |
| | } | | } |
| - | | + | #menubar { |
| - | #globalWrapper, #content { /*-- changes default wiki settings --*/ | + | font:15px Helvetica, Arial, Sans-serif; |
| - | width: 100%;
| + | |
| - | height: 100%;
| + | |
| - | border: 0px;
| + | |
| - | background-color: transparent;
| + | |
| - | margin: 0px;
| + | |
| - | padding: 0px;
| + | |
| | } | | } |
| - | | + | .left-menu,.left-menu a { |
| - | html, body, .wrapper { /*-- changes default wiki settings --*/
| + | text-transform: capitalize; |
| - | width: 100%; | + | |
| - | height: 100%;
| + | |
| - | background-color: transparent;
| + | |
| | } | | } |
| - | | + | .right-menu,.right-menu a { |
| - | #contentcontainer { /*-- creates container for all content on page --*/
| + | color: white; |
| - | font-family: Arial, Helvetica, sans-serif;
| + | |
| - | font-weight: normal;
| + | |
| - | font-size: 14px;
| + | |
| - | color: #414141; | + | |
| - | width: 960px;
| + | |
| - | margin-left: auto;
| + | |
| - | margin-right: auto;
| + | |
| - | background-color: #transparent;
| + | |
| - | margin-top: 0px;
| + | |
| | } | | } |
| - | | + | .right-menu:hover, .left-menu:hover { |
| - | .sidemenu, .sidemenu li { | + | background-color: transparent; |
| - | list-style-type: none;
| + | |
| - | list-style-image: none; | + | |
| - | font-family: verdana;
| + | |
| - | text-decoration: none;
| + | |
| - | color:#000;
| + | |
| - | font-size: 14px;
| + | |
| | } | | } |
| - | | + | .right-menu:hover a { |
| - | .sidemenu li {display: block;} | + | color: white; |
| - | | + | |
| - | .sidemenu a {
| + | |
| - | text-decoration:none;
| + | |
| - | color: #000;
| + | |
| - | display: block;
| + | |
| - | width: 180px;
| + | |
| - | height: 100%;
| + | |
| - | padding: 3px 5px;
| + | |
| - | transition: .25s ease-in-out;
| + | |
| - | -moz-transition: .25s ease-in-out;
| + | |
| - | -webkit-transition: .25s ease-in-out;
| + | |
| - | }
| + | |
| - | | + | |
| - | .sidemenu a.greyout { color: #909090; }
| + | |
| - | | + | |
| - | .sidemenu a:hover {
| + | |
| - | color:#666; | + | |
| - | background-color: #d9f5aa;
| + | |
| | } | | } |
| - | | + | .right-menu li a, .left-menu li a { |
| - | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} | + | background-color: transparent; |
| - | .sub-sidemenu a {color: #666;}
| + | color: white; |
| - | | + | padding:0,15px,0,0; |
| - | div.underconst
| + | margin:0; |
| - | {
| + | |
| - | padding:10px; | + | |
| - | border-radius:5px;
| + | |
| - | background-color:pink;
| + | |
| - | text-align:center;
| + | |
| | } | | } |
| - | | + | .right-menu li a:hover { |
| - | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| + | color: white; |
| - | | + | text-decoration:underline; |
| - | .contentpara {margin-bottom: 30px;}
| + | |
| - | | + | |
| - | span.email{font-family: monospace; font-weight: normal;}
| + | |
| - | | + | |
| - | fieldset {border: 1px solid #337f53;}
| + | |
| - | | + | |
| - | .greyout {color: #A0A0A0;}
| + | |
| - | .highlightme {background-color: #FFFF00;}
| + | |
| - | | + | |
| - | #alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
| + | |
| - | #annContainer {margin-left: 8px;}
| + | |
| - | #newsContainer {border: 1px solid #ccc;}
| + | |
| - | | + | |
| - | .newsTitle {
| + | |
| - | display: block;
| + | |
| - | color: #414141; | + | |
| - | font-size: 25px;
| + | |
| - | font-family: Georgia, Times, "Times New Roman", serif; | + | |
| - | padding: 10px 15px 5px 10px;
| + | |
| - | border-bottom: 1px solid #ccc;
| + | |
| - | margin-bottom: 0px;
| + | |
| | } | | } |
| - | | + | .right-menu li a:visited { |
| - | .newsItem { | + | color: white; |
| - | border-bottom: 1px solid #ccc;
| + | |
| - | display: block; | + | |
| - | padding: 5px 15px 0px 10px;
| + | |
| - | margin-bottom: 0px;
| + | |
| | } | | } |
| - | | + | .new { |
| - | .newsItem h3 { | + | color:#8e8e8e; |
| - | width: auto;
| + | |
| - | display: inline;
| + | |
| - | font-size: 14px;
| + | |
| - | font-family: Arial, Helvetica, sans-serif;
| + | |
| - | padding: 0px;
| + | |
| - | margin: 0px;
| + | |
| | } | | } |
| - | | + | a, a:visited { |
| - | .newsItem img {
| + | color: #8e8e8e; |
| - | float: right; | + | text-decoration: none; |
| - | clear: right; | + | |
| - | width: 80px;
| + | |
| - | padding-left: 15px;
| + | |
| - | display: inline-block;
| + | |
| | } | | } |
| - | | + | a:hover { |
| - | .newsItem .newsDate {
| + | color: #8e8e8e; |
| - | font-style: italic;
| + | text-decoration: underline; |
| - | font-size: 14px;
| + | |
| - | display: inline-block;
| + | |
| - | color: #999; | + | |
| - | float: right; | + | |
| - | padding: 0px 0px 10px 15px;
| + | |
| | } | | } |
| - | | + | #content{ |
| - | .newsItem p, .newsItem ul, .newsItem li {
| + | background: transparent; |
| - | padding: 0px;
| + | padding: 0; |
| - | margin-left: 20px; | + | border: 0px; |
| - | font-size: 12px; | + | width:auto; |
| - | line-height: 1.2;
| + | |
| | } | | } |
| - | | + | ul { |
| - | .newsItem p {margin-top: 10px;}
| + | line-height: 2em; |
| - | | + | list-style-image: url("bullet.gif"); |
| - | .annItem { | + | list-style-type: square; |
| - | border: 2px solid #49b677;
| + | margin: 0; |
| - | display: block;
| + | padding: 0; |
| - | padding: 0px 15px 10px 10px;
| + | |
| - | margin-bottom: 18px;
| + | |
| - | position: relative;
| + | |
| - | height: 160px;
| + | |
| - | vertical-align: middle;
| + | |
| | } | | } |
| | + | /***top section***/ |
| | + | </style> |
| | | | |
| - | .annItem .annCentered {
| |
| - | display: table-cell;
| |
| - | vertical-align: middle;
| |
| - | height: 160px;
| |
| - | }
| |
| | | | |
| - | .annCentered h3 {
| + | <style> |
| - | padding: 0px;
| + | #navigation-background{ |
| - | display: block;
| + | height:400px; |
| - | margin-left: auto;
| + | background: url("https://static.igem.org/mediawiki/2014/8/82/Meetup-ccic.jpg"); |
| - | margin-right: auto;
| + | background-size: cover; |
| - | text-align: center;
| + | |
| | } | | } |
| - | | + | #nav{ |
| - | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| + | width: 80%; |
| - | .annItem li {list-style: none; margin: 5px}
| + | margin: auto; |
| - | | + | padding-top:340px; |
| - | | + | height: 36px; |
| - | | + | z-index: 1000; |
| - | | + | |
| - | body a{
| + | |
| - | transition:0.5s all;
| + | |
| - | -webkit-transition:0.5s all;
| + | |
| - | -moz-transition:0.5s all;
| + | |
| - | -o-transition:0.5s all;
| + | |
| - | -ms-transition:0.5s all;
| + | |
| | } | | } |
| - | /*-----start-header----*/
| + | #nav a{ |
| - | .header{
| + | display: block; |
| - | position: relative;
| + | width: 16.66%; |
| - | padding: 2em 0;
| + | height: 36px; |
| | + | line-height: 36px; |
| | + | float: left; |
| | + | border-bottom: 4px solid #fff; |
| | + | text-align: center; |
| | + | text-decoration: none; |
| | + | color: #fff; |
| | + | font-size: 25px; |
| | + | font-family: Georgia,Times,"Times New Roman",serif; |
| | + | z-index: 1000; |
| | } | | } |
| - | .bg{
| + | #nav a:first-child{ |
| - | background: url(https://static.igem.org/mediawiki/2014/9/98/Bg.jpg) no-repeat 0px 0px;
| + | border-radius: 0 0 0 8px; |
| - | min-height: 809px;
| + | z-index: 1000; |
| - | background-size: 100% 100%;
| + | |
| | } | | } |
| - | .contact-no{
| + | #nav a:last-child{ |
| - | float: left;
| + | border-radius: 0 0 8px 0; |
| | + | z-index: 1000; |
| | } | | } |
| - | .contact-no span{
| + | #nav a:hover{ |
| - | font-size: 1.5em;
| + | border-bottom: 4px solid #F9F900; |
| - | color: #9DA0B2;
| + | color: #F9F900; |
| - | font-weight: 500;
| + | z-index: 1000; |
| - | margin-top: 1.2em;
| + | |
| - | display: block;
| + | |
| - | text-transform: uppercase;
| + | |
| | } | | } |
| - | .contact-order{
| + | #nav a:first-child:hover{ |
| - | float:right;
| + | border-bottom: 4px solid #F9F900; |
| | + | border-radius: 0 0 0 8px; |
| | + | z-index: 1000; |
| | } | | } |
| - | .contact-order a{
| + | #nav a:last-child:hover{ |
| - | font-size: 1.3em;
| + | border-bottom: 4px solid #F9F900; |
| - | color: #9DA0B2;
| + | z-index: 1000; |
| - | font-weight: 500;
| + | |
| - | margin-top: 1.5em;
| + | |
| - | display: block;
| + | |
| - | text-transform: uppercase;
| + | |
| - | border-bottom: 2.5px dashed;
| + | |
| | } | | } |
| - | .contact-order a:hover{
| + | /***navigation***/ |
| - | text-decoration:none;
| + | </style> |
| - | color:#44C1F3;
| + | |
| | + | <style> |
| | + | #contentcontain{ |
| | + | width: 1000px; |
| | + | font-family: Arial,Helvetica,sans-serif; |
| | + | font-weight: normal; |
| | + | font-size: 16px; |
| | + | color: #414141; |
| | + | margin:0 auto; |
| | } | | } |
| - | .logo{
| + | #Co-partners{ |
| - | position:absolute;
| + | width:1000px; |
| - | left: 45%;
| + | hight:110px; |
| | } | | } |
| - | /*----navbar-nav----*/
| + | #Co-partners0{ |
| - | .top-nav ul li a{
| + | width:300px; |
| - | color: #FFF;
| + | padding-left: 15px; |
| - | padding: 0.1em 2.7em;
| + | float: left; |
| - | font-size: 1.1em;
| + | |
| - | font-weight: 500;
| + | |
| - | text-transform: uppercase;
| + | |
| | } | | } |
| - | .top-nav ul li.active a{
| + | #Co-partners1{ |
| - | background: url(../images/active-ico.png) no-repeat 50% 100%;
| + | width:275px; |
| | + | margin-left: 32px; |
| | + | float: left; |
| | } | | } |
| - | .top-nav ul li a:hover{
| + | #Co-partners2{ |
| - | color:#44C1F3;
| + | width:300px; |
| | + | margin-top: 13px; |
| | + | float: left; |
| | } | | } |
| - | .logo a{
| + | #Co-partners3{ |
| - | display:block;
| + | width:1000px; |
| | + | float: left; |
| | + | padding-bottom: 0.5em; |
| | } | | } |
| - | /* top-nav */
| + | #Supporter{ |
| - | .top-nav:before,
| + | width:1000px; |
| - | .top-nav:after {
| + | hight:110px; |
| - | content: " "; | + | |
| - | display: table; | + | |
| | } | | } |
| - | .top-nav:after {
| + | #Supporter0{ |
| - | clear: both; | + | width:400px; |
| | + | padding-left: 135px; |
| | + | float: left; |
| | } | | } |
| - | nav {
| + | #Supporter1{ |
| - | position: relative;
| + | width:275px; |
| - | top: 615px;
| + | padding-left: 50px; |
| | + | float: left; |
| | } | | } |
| - | nav ul {
| + | #Supporter2{ |
| - | padding: 0;
| + | width:1000px; |
| | + | float: left; |
| | + | padding-bottom: 0.5em; |
| | } | | } |
| - | nav li {
| + | h1, h2, h3, h4, h5 { |
| - | display: inline;
| + | font-family: Georgia,Times,"Times New Roman",serif; |
| - | float: left;
| + | |
| - | position:relative;
| + | |
| | } | | } |
| - | nav a {
| + | h1, h2, h3, h4, h5, h6 { |
| - | color: #fff;
| + | font-size: 150%; |
| - | display: inline-block;
| + | |
| - | text-align: center;
| + | |
| - | text-decoration: none;
| + | |
| - | line-height: 40px;
| + | |
| | } | | } |
| - | nav a:hover{
| + | h1, h2, h3, h4, h5, h6 { |
| - | text-decoration:none;
| + | color: #000; |
| - | color:#00A2C1;
| + | background: none repeat scroll 0% 0% transparent; |
| | + | font-weight: normal; |
| | + | margin: 0px; |
| | + | padding-top: 0.5em; |
| | + | padding-bottom: 0.1em; |
| | } | | } |
| - | nav a#pull {
| + | p { |
| - | display: none;
| + | margin: 0px; |
| | + | line-height: 1.6; |
| | + | text-rendering: optimizelegibility; |
| | } | | } |
| - | /*Styles for screen 600px and lower*/
| + | .underline-s { |
| - | @media screen and (max-width: 768px) {
| + | width: 100%; |
| - | nav {
| + | height: 4px; |
| - | height: auto;
| + | background-color: #ABABAB; |
| - | }
| + | margin-bottom: 20px; |
| - | nav ul {
| + | |
| - | width: 100%;
| + | |
| - | display: block;
| + | |
| - | height: auto;
| + | |
| - | }
| + | |
| - | nav li {
| + | |
| - | width: 100%;
| + | |
| - | position: relative;
| + | |
| - | }
| + | |
| - | nav li a {
| + | |
| - | border-bottom: 1px solid #eee;
| + | |
| - | }
| + | |
| - | nav a {
| + | |
| - | text-align: left;
| + | |
| - | width: 100%;
| + | |
| - | text-indent: 25px;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | /*Styles for screen 515px and lower*/
| + | |
| - | @media only screen and (max-width : 768px) {
| + | |
| - | nav {
| + | |
| - | border-bottom: 0;
| + | |
| - | }
| + | |
| - | nav ul {
| + | |
| - | display: none;
| + | |
| - | height: auto;
| + | |
| - | margin:0;
| + | |
| - | background: #fff;
| + | |
| - | }
| + | |
| - | nav a#pull {
| + | |
| - | display: block;
| + | |
| - | position: relative;
| + | |
| - | color: #F26D7D;
| + | |
| - | text-align: right;
| + | |
| - | position: absolute;
| + | |
| - | /*--top:35px;--*/
| + | |
| - | }
| + | |
| - | nav a#pull:after {
| + | |
| - | content:"";
| + | |
| - | background: url('nav-icon.png') no-repeat;
| + | |
| - | width: 30px;
| + | |
| - | height: 30px;
| + | |
| - | display: inline-block;
| + | |
| - | position: absolute;
| + | |
| - | right: 15px;
| + | |
| - | top: 10px;
| + | |
| - | }
| + | |
| - | nav a#pull img{
| + | |
| - | margin-right:2%;
| + | |
| - | padding-top: 65px;
| + | |
| - | }
| + | |
| - | .top-nav ul li a {
| + | |
| - | color: #2C3E50;
| + | |
| - | padding: 0em 0;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | /*Smartphone*/
| + | |
| - | @media only screen and (max-width : 320px) {
| + | |
| - | nav li {
| + | |
| - | display: block;
| + | |
| - | float: none;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| - | nav li a {
| + | |
| - | border-bottom: 1px solid #576979;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | /*----start-about----*/
| + | |
| - | .about{
| + | |
| - | padding:5em 0;
| + | |
| - | }
| + | |
| - | .about-left p{
| + | |
| - | font-size: 3.5em;
| + | |
| - | text-transform: uppercase;
| + | |
| - | font-weight: 100;
| + | |
| - | color: #000000;
| + | |
| - | width: 76%;
| + | |
| - | }
| + | |
| - | .about-left p span{
| + | |
| - | color:#00AAEF;
| + | |
| - | }
| + | |
| - | .about-left p label{
| + | |
| - | font-weight:500;
| + | |
| - | }
| + | |
| - | .about-right h3,.about-right span{
| + | |
| - | font-weight: 400;
| + | |
| - | color: #000;
| + | |
| - | font-size: 1.2em;
| + | |
| - | }
| + | |
| - | .about-right span{
| + | |
| - | margin-top:1em;
| + | |
| - | display:block;
| + | |
| - | }
| + | |
| - | .about-right p,.about-right li{
| + | |
| - | color: #222222;
| + | |
| - | font-size: 0.9em;
| + | |
| - | font-weight: 500;
| + | |
| - | line-height: 1.8em;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | }
| + | |
| - | /*-----start-gallery---*/
| + | |
| - | .gallery{
| + | |
| - | background:#EEEEEE;
| + | |
| - | padding:3em 0;
| + | |
| - | }
| + | |
| - | .head h3{
| + | |
| - | color: #000000;
| + | |
| - | font-size: 3em;
| + | |
| - | text-transform: uppercase;
| + | |
| - | font-weight: 300;
| + | |
| - | width: 17.3%;
| + | |
| - | margin: 0 auto;
| + | |
| - | }
| + | |
| - | .head span{
| + | |
| - | width: 189px;
| + | |
| - | height: 13px;
| + | |
| - | display: block;
| + | |
| - | background: url(../images/head-border.png) no-repeat 0px 0px;
| + | |
| - | margin-top: 0.15em;
| + | |
| - | }
| + | |
| - | /* Self Clearing Goodness */
| + | |
| - | /* Strip
| + | |
| - | /*-----------------------------------------------------------------------------------*/
| + | |
| - | .b-link-stripe{
| + | |
| - | position:relative;
| + | |
| - | display:inline-block;
| + | |
| - | vertical-align:top;
| + | |
| - | font-weight: 300;
| + | |
| - | overflow:hidden;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-wrapper{
| + | |
| - | position:absolute;
| + | |
| - | width:100%;
| + | |
| - | height:100%;
| + | |
| - | top:0;
| + | |
| - | left:0;
| + | |
| - | text-align:center;
| + | |
| - | color:#ffffff;
| + | |
| - | overflow:hidden;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-line{
| + | |
| - | position:absolute;
| + | |
| - | top:0;
| + | |
| - | bottom:0;
| + | |
| - | width:20%;
| + | |
| - | background:rgba(75, 202, 255, 0.85);
| + | |
| - | transition:all 0.5s linear;
| + | |
| - | -moz-transition:all 0.5s linear;
| + | |
| - | -ms-transition:all 0.5s linear;
| + | |
| - | -o-transition:all 0.5s linear;
| + | |
| - | -webkit-transition:all 0.5s linear;
| + | |
| - | opacity:0;
| + | |
| - | visibility:hidden; /* lt-ie9 */
| + | |
| - | }
| + | |
| - | /* lt-ie9 */
| + | |
| - | .b-link-stripe:hover .b-line{
| + | |
| - | visibility:visible;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-line1{
| + | |
| - | left:0;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-line2{
| + | |
| - | left:20%;
| + | |
| - | transition-delay:0.1s !important;
| + | |
| - | -moz-transition-delay:0.1s !important;
| + | |
| - | -ms-transition-delay:0.1s !important;
| + | |
| - | -o-transition-delay:0.1s !important;
| + | |
| - | -webkit-transition-delay:0.1s !important;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-line3{
| + | |
| - | left:40%;
| + | |
| - | transition-delay:0.2s !important;
| + | |
| - | -moz-transition-delay:0.2s !important;
| + | |
| - | -ms-transition-delay:0.2s !important;
| + | |
| - | -o-transition-delay:0.2s !important;
| + | |
| - | -webkit-transition-delay:0.2s !important;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-line4{
| + | |
| - | left:60%;
| + | |
| - | transition-delay:0.3s !important;
| + | |
| - | -moz-transition-delay:0.3s !important;
| + | |
| - | -ms-transition-delay:0.3s !important;
| + | |
| - | -o-transition-delay:0.3s !important;
| + | |
| - | -webkit-transition-delay:0.3s !important;
| + | |
| - | }
| + | |
| - | .b-link-stripe .b-line5{
| + | |
| - | left:80%;
| + | |
| - | transition-delay:0.4s !important;
| + | |
| - | -moz-transition-delay:0.4s !important;
| + | |
| - | -ms-transition-delay:0.4s !important;
| + | |
| - | -o-transition-delay:0.4s !important;
| + | |
| - | -webkit-transition-delay:0.4s !important;
| + | |
| - | }
| + | |
| - | .b-link-stripe:hover .b-line{
| + | |
| - | opacity:1;
| + | |
| - | }
| + | |
| - | /*-----------------------------------------------------------------------------------*/
| + | |
| - | /* Animation effects
| + | |
| - | /*-----------------------------------------------------------------------------------*/
| + | |
| - | .b-animate-go{
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | .b-animate{
| + | |
| - | transition: all 0.5s;
| + | |
| - | -moz-transition: all 0.5s;
| + | |
| - | -ms-transition: all 0.5s;
| + | |
| - | -o-transition: all 0.5s;
| + | |
| - | -webkit-transition: all 0.5s;
| + | |
| - | visibility: hidden;
| + | |
| - | font-size:1.1em;
| + | |
| - | font-weight:700;
| + | |
| - | }
| + | |
| - | .b-animate img{
| + | |
| - | margin-top: 4%;
| + | |
| - | display: -webkit-inline-box;
| + | |
| - | }
| + | |
| - | .b-animate span{
| + | |
| - | display:block;
| + | |
| - | font-size: 2em;
| + | |
| - | text-transform: uppercase;
| + | |
| - | padding-top: 2.3em;
| + | |
| - | display: block;
| + | |
| - | font-weight: 500;
| + | |
| - | }
| + | |
| - | .b-animate button{
| + | |
| - | background: #000;
| + | |
| - | padding: 0.9em 1.8em;
| + | |
| - | color: #00AAEF;
| + | |
| - | text-transform: uppercase;
| + | |
| - | font-size: 0.875em;
| + | |
| - | border: none;
| + | |
| - | border-radius: 0.3em;
| + | |
| - | margin: 0.8em auto;
| + | |
| - | transition: 0.5s all;
| + | |
| - | -webkit-transition: 0.5s all;
| + | |
| - | -moz-transition: 0.5s all;
| + | |
| - | -ms-transition: 0.5s all;
| + | |
| - | -o-transition: 0.5s all;
| + | |
| - | outline: none;
| + | |
| - | }
| + | |
| - | .b-animate button:hover{
| + | |
| - | background:#3B3B43;
| + | |
| - | color:#fff;
| + | |
| - | }
| + | |
| - | .b-animate label{
| + | |
| - | display:block;
| + | |
| - | font-size:0.875em;
| + | |
| - | margin-top:0.5em;
| + | |
| - | transition:0.5s all;
| + | |
| - | -webkit-transition:0.5s all;
| + | |
| - | -moz-transition:0.5s all;
| + | |
| - | -ms-transition:0.5s all;
| + | |
| - | -o-transition:0.5s all;
| + | |
| - | }
| + | |
| - | .b-animate label:hover{
| + | |
| - | color:#000;
| + | |
| - | cursor:pointer;
| + | |
| - | }
| + | |
| - | /* lt-ie9 */
| + | |
| - | .b-animate-go:hover .b-animate{
| + | |
| - | visibility:visible;
| + | |
| - | }
| + | |
| - | .b-from-left{
| + | |
| - | position: relative;
| + | |
| - | left: -100%;
| + | |
| - | background: rgba(0, 170, 239, 0.63);
| + | |
| - | background-size: 100% 100%;
| + | |
| - | top: 0px;
| + | |
| - | margin: 0;
| + | |
| - | min-height: 307px;
| + | |
| - | }
| + | |
| - | .b-animate-go:hover .b-from-left{
| + | |
| - | left:0;
| + | |
| - | }
| + | |
| - | h3.m_4{
| + | |
| - | float:left;
| + | |
| - | }
| + | |
| - | /*--default--*/
| + | |
| - | .default{
| + | |
| - | background:#515f67;
| + | |
| - | padding:6% 0;
| + | |
| - | }
| + | |
| - | p.m_7{
| + | |
| - | color: #FFF;
| + | |
| - | font-size:15px;
| + | |
| - | line-height: 1.8em;
| + | |
| - | margin:5% 0;
| + | |
| - | }
| + | |
| - | h3.m_21 {
| + | |
| - | color: #FFF;
| + | |
| - | font-size: 2em;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | text-transform: uppercase;
| + | |
| - | }
| + | |
| - | .m_22 {
| + | |
| - | position: relative;
| + | |
| - | margin-bottom: 10%;
| + | |
| - | }
| + | |
| - | .m_8 {
| + | |
| - | position: relative;
| + | |
| - | margin-bottom: 10%;
| + | |
| - | }
| + | |
| - | span.default_line {
| + | |
| - | width: 50px;
| + | |
| - | display: block;
| + | |
| - | border-bottom: 2px solid #FFF;
| + | |
| - | position: absolute;
| + | |
| - | bottom:0px;
| + | |
| - | }
| + | |
| - | .button a{
| + | |
| - | color:#29353C;
| + | |
| - | font-size:0.85em;
| + | |
| - | text-transform: uppercase;
| + | |
| - | font-weight:bold;
| + | |
| - | text-decoration: none;
| + | |
| - | cursor: pointer;
| + | |
| - | padding: 12px 35px 9px 35px;
| + | |
| - | display: inline-block;
| + | |
| - | outline: none;
| + | |
| - | -webkit-transition: all 0.3s;
| + | |
| - | -moz-transition: all 0.3s;
| + | |
| - | transition: all 0.3s;
| + | |
| - | border:2px solid #29353C;
| + | |
| - | }
| + | |
| - | .button a:hover {
| + | |
| - | background:#fff;
| + | |
| - | border:2px solid #fff;
| + | |
| - | color:#00B3FD;
| + | |
| - | }
| + | |
| - | .more-portfolio-grids{
| + | |
| - | text-align: center;
| + | |
| - | background: #35353F;
| + | |
| - | padding: 3em 0;
| + | |
| - | }
| + | |
| - | .more-portfolio-grids a{
| + | |
| - | color: #FFF;
| + | |
| - | border: 2px solid #FFF;
| + | |
| - | padding: 0.8em 2em;
| + | |
| - | text-transform: uppercase;
| + | |
| - | font-size: 1.1em;
| + | |
| - | border-radius: 0.5em;
| + | |
| - | -webkit-border-radius: 0.5em;
| + | |
| - | -moz-border-radius: 0.5em;
| + | |
| - | -o-border-radius: 0.5em;
| + | |
| - | -ms-border-radius: 0.5em;
| + | |
| - | }
| + | |
| - | .more-portfolio-grids a:hover{
| + | |
| - | color:#000;
| + | |
| - | border-color:#000;
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | /*----*/
| + | |
| - | /*-----start-gallery----*/
| + | |
| - | .gallery-grids{
| + | |
| - | padding:3em 0 0 0;
| + | |
| - | }
| + | |
| - | .port-pic{
| + | |
| - | width:100%;
| + | |
| - | }
| + | |
| - | .place{
| + | |
| - | color: #000;
| + | |
| - | font-weight: 500;
| + | |
| - | padding: 0.5em 1em;
| + | |
| - | }
| + | |
| - | .place a{
| + | |
| - | color:#00AAEF;
| + | |
| - | }
| + | |
| - | .place a:hover{
| + | |
| - | text-decoration:none;
| + | |
| - | color:#222;
| + | |
| - | }
| + | |
| - | .view-gallery-btn{
| + | |
| - | background: #00AAEF;
| + | |
| - | color: #FFF;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | text-transform: uppercase;
| + | |
| - | padding: 0.875em 0em;
| + | |
| - | width: 15%;
| + | |
| - | display: block;
| + | |
| - | margin: 0 auto;
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - | .view-gallery-btn:hover{
| + | |
| - | background:#000;
| + | |
| - | color:#fff;
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | /*----start-consulation-----*/
| + | |
| - | .consulation{
| + | |
| - | padding:3em 0;
| + | |
| - | }
| + | |
| - | .c-head h3 {
| + | |
| - | width: 28.3%;
| + | |
| - | }
| + | |
| - | .c-head span{
| + | |
| - | margin-left: 1.3em;
| + | |
| - | }
| + | |
| - | .consulation-left h4{
| + | |
| - | font-size: 2em;
| + | |
| - | color: #000;
| + | |
| - | font-weight: 400;
| + | |
| - | width: 60%;
| + | |
| - | line-height: 1.5em;
| + | |
| - | }
| + | |
| - | .consulation-left p{
| + | |
| - | color: #222;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | line-height: 1.8em;
| + | |
| - | font-size: 0.9em;
| + | |
| - | width: 65%;
| + | |
| - | }
| + | |
| - | /*-----*/
| + | |
| - | .consulation-right input[type="text"]{
| + | |
| - | background:#EEEEEE;
| + | |
| - | color:#696969;
| + | |
| - | text-align:center;
| + | |
| - | width:100%;
| + | |
| - | padding:1em;
| + | |
| - | margin:10px 0;
| + | |
| - | border:1px solid #EEEEEE;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | font-weight:600;
| + | |
| - | -webkit-appearance: none;
| + | |
| - | transition: border-color 0.3s;
| + | |
| - | -o-transition: border-color 0.3s;
| + | |
| - | -ms-transition: border-color 0.3s;
| + | |
| - | -moz-transition: border-color 0.3s;
| + | |
| - | -webkit-transition: border-color 0.3s;
| + | |
| - | text-transform:uppercase;
| + | |
| - | outline:none;
| + | |
| - | }
| + | |
| - | .consulation-right input[type="text"]:hover,.consulation-right input[type="text"]:focus{
| + | |
| - | border-color:#00AAEF;
| + | |
| - | }
| + | |
| - | .consulation-right input[type="submit"]{
| + | |
| - | background: #00AAEF;
| + | |
| - | color: #FFF;
| + | |
| - | border: 1px solid #00AAEF;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | text-transform: uppercase;
| + | |
| - | width: 100%;
| + | |
| - | padding: 1em;
| + | |
| - | margin: 10px 0;
| + | |
| - | transition:0.5s all;
| + | |
| - | -webkit-transition:0.5s all;
| + | |
| - | -moz-transition:0.5s all;
| + | |
| - | -o-transition:0.5s all;
| + | |
| - | -ms-transition:0.5s all;
| + | |
| - | }
| + | |
| - | .consulation-right input[type="submit"]:hover{
| + | |
| - | background:#000000;
| + | |
| - | border: 1px solid #000;
| + | |
| - | }
| + | |
| - | .consulation-grids{
| + | |
| - | padding:4em 0 0 0;
| + | |
| - | }
| + | |
| - | .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
| + | |
| - | /*----start-Testimonials-----*/
| + | |
| - | .testmonials{
| + | |
| - | background:#EEEEEE;
| + | |
| - | padding:3em 0;
| + | |
| - | }
| + | |
| - | .testmonial-grid h5{
| + | |
| - | margin:0.5em 0 0 0;
| + | |
| - | }
| + | |
| - | .t-pic{
| + | |
| - | border-radius:30em;
| + | |
| - | -webkit-border-radius:30em;
| + | |
| - | -moz-border-radius:30em;
| + | |
| - | -o-border-radius:30em;
| + | |
| - | -ms-border-radius:30em;
| + | |
| - | }
| + | |
| - | .testmonial-grid h5 a{
| + | |
| - | color: #222;
| + | |
| - | font-size: 1.8em;
| + | |
| - | }
| + | |
| - | .testmonial-grid h5 a:hover{
| + | |
| - | text-decoration:none;
| + | |
| - | color:#00AAEF;
| + | |
| - | }
| + | |
| - | .testmonial-grid span{
| + | |
| - | color:#696973;
| + | |
| - | font-style:italic;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | }
| + | |
| - | .testmonial-grid p{
| + | |
| - | color: #000;
| + | |
| - | width: 80%;
| + | |
| - | margin: 0.5em auto;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | }
| + | |
| - | .testmonials-grids{
| + | |
| - | padding-top:4em;
| + | |
| - | }
| + | |
| - | /*----- start-contact----*/
| + | |
| - | .contact{
| + | |
| - | padding:3em 0;
| + | |
| - | }
| + | |
| - | .contact-left a,.contact-left p,.contact-left p label{
| + | |
| - | color:#000;
| + | |
| - | font-size:1.5em;
| + | |
| - | display: block;
| + | |
| - | }
| + | |
| - | .contact-left a:hover{
| + | |
| - | color:#00AAEF;
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | .contact-left p label{
| + | |
| - | display: block;
| + | |
| - | font-weight: normal;
| + | |
| - | font-size: 1em;
| + | |
| - | }
| + | |
| - | .contact-right input[type="text"],.contact-right textarea{
| + | |
| - | background:#EEEEEE;
| + | |
| - | color:#696969;
| + | |
| - | text-align:center;
| + | |
| - | width:100%;
| + | |
| - | padding:1em;
| + | |
| - | margin:10px 0;
| + | |
| - | border:1px solid #EEEEEE;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | font-weight:600;
| + | |
| - | -webkit-appearance: none;
| + | |
| - | transition: border-color 0.3s;
| + | |
| - | -o-transition: border-color 0.3s;
| + | |
| - | -ms-transition: border-color 0.3s;
| + | |
| - | -moz-transition: border-color 0.3s;
| + | |
| - | -webkit-transition: border-color 0.3s;
| + | |
| - | text-transform:uppercase;
| + | |
| - | outline:none;
| + | |
| - | }
| + | |
| - | .contact-right input[type="text"]:hover,.contact-right input[type="text"]:focus,.contact-right textarea:hover,.contact-right textarea:focus{
| + | |
| - | border-color:#00AAEF;
| + | |
| - | }
| + | |
| - | .contact-right input[type="submit"]{
| + | |
| - | background: #00AAEF;
| + | |
| - | color: #FFF;
| + | |
| - | border: 1px solid #00AAEF;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | text-transform: uppercase;
| + | |
| - | width: 100%;
| + | |
| - | padding: 1em;
| + | |
| - | margin: 10px 0;
| + | |
| - | transition:0.5s all;
| + | |
| - | -webkit-transition:0.5s all;
| + | |
| - | -moz-transition:0.5s all;
| + | |
| - | -o-transition:0.5s all;
| + | |
| - | -ms-transition:0.5s all;
| + | |
| - | }
| + | |
| - | .contact-right input[type="submit"]:hover{
| + | |
| - | background:#000000;
| + | |
| - | border: 1px solid #000;
| + | |
| - | }
| + | |
| - | .contact-right textarea{
| + | |
| - | min-height:150px;
| + | |
| - | resize:none;
| + | |
| - | }
| + | |
| - | .contact-grids{
| + | |
| - | padding-top:3em;
| + | |
| - | }
| + | |
| - | /*------start-contact----*/
| + | |
| - | .footer{
| + | |
| - | background: url(../images/footer-bg.jpg) no-repeat 0px 0px;
| + | |
| - | min-height: 500px;
| + | |
| - | background-size: cover;
| + | |
| - | }
| + | |
| - | .footer a img{
| + | |
| - | margin-top: 18%;
| + | |
| - | }
| + | |
| - | .copy-right{
| + | |
| - | color: #FFF;
| + | |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | text-transform: uppercase;
| + | |
| - | margin-top: 15%;
| + | |
| - | font-weight: 600;
| + | |
| - | }
| + | |
| - | .copy-right a{
| + | |
| - | color:#000;
| + | |
| - | }
| + | |
| - | .copy-right a:hover{
| + | |
| - | color:#00AAEF;
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | #toTop {
| + | |
| - | display: none;
| + | |
| - | text-decoration: none;
| + | |
| - | position: fixed;
| + | |
| - | bottom: 26px;
| + | |
| - | right: 3%;
| + | |
| - | overflow: hidden;
| + | |
| - | width: 40px;
| + | |
| - | height: 40px;
| + | |
| - | border: none;
| + | |
| - | text-indent: 100%;
| + | |
| - | background: url("../images/to-top1.png") no-repeat 0px 0px;
| + | |
| - | border-radius: 30em;
| + | |
| - | }
| + | |
| - | #toTopHover {
| + | |
| - | width: 40px;
| + | |
| - | height: 40px;
| + | |
| - | display: block;
| + | |
| - | overflow: hidden;
| + | |
| - | float: right;
| + | |
| - | opacity: 0;
| + | |
| - | -moz-opacity: 0;
| + | |
| - | filter: alpha(opacity=0);
| + | |
| - | }
| + | |
| - | /*--responsive design--*/
| + | |
| - | @media (max-width:1366px){
| + | |
| - | .top-nav ul li a {
| + | |
| - | padding: 0.1em 1.9em;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | @media (max-width:1024px){
| + | |
| - | .top-nav ul li a {
| + | |
| - | padding: 0.1em 1.8em;
| + | |
| - | font-size:1em;
| + | |
| - | }
| + | |
| - | .bg {
| + | |
| - | min-height: 600px; | + | |
| - | }
| + | |
| - | nav {
| + | |
| - | top:410px;
| + | |
| - | }
| + | |
| - | .about-left p {
| + | |
| - | font-size:3em;
| + | |
| - | }
| + | |
| - | .head h3 {
| + | |
| - | font-size:2em;
| + | |
| - | }
| + | |
| - | .head span {
| + | |
| - | background-size:65%;
| + | |
| - | }
| + | |
| - | .footer {
| + | |
| - | min-height: 400px;
| + | |
| - | }
| + | |
| - | .copy-right {
| + | |
| - | margin-top: 15%;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | @media (max-width:800px){
| + | |
| - | .bg {
| + | |
| - | min-height: 500px;
| + | |
| - | }
| + | |
| - | nav {
| + | |
| - | top:310px;
| + | |
| - | }
| + | |
| - | .top-nav ul li a {
| + | |
| - | padding: 0.1em 1.5em;
| + | |
| - | font-size: 0.85em;
| + | |
| - | }
| + | |
| - | .about-left p {
| + | |
| - | font-size: 2em;
| + | |
| - | }
| + | |
| - | .testmonials-grids {
| + | |
| - | padding-top: 2em;
| + | |
| - | }
| + | |
| - | .contact-grids {
| + | |
| - | padding-top: 1em;
| + | |
| - | }
| + | |
| - | .footer {
| + | |
| - | min-height: 300px;
| + | |
| - | }
| + | |
| - | .consulation-grids {
| + | |
| - | padding: 1em 0 0 0;
| + | |
| - | }
| + | |
| - | .head span {
| + | |
| - | background-size: 50%;
| + | |
| - | }
| + | |
| - | .testmonial-grid {
| + | |
| - | margin-bottom: 30px;
| + | |
| - | }
| + | |
| - | .contact-left p, .contact-left p label {
| + | |
| - | font-size: 1em;
| + | |
| - | font-weight: 500;
| + | |
| - | }
| + | |
| - | .contact-left a, .contact-left p, .contact-left p label {
| + | |
| - | font-size: 1em;
| + | |
| - | font-weight: 500;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | @media (max-width:768px){
| + | |
| - | .bg {
| + | |
| - | min-height:400px;
| + | |
| - | }
| + | |
| - | nav {
| + | |
| - | top: -127px;
| + | |
| - | }
| + | |
| - | .top-nav ul li a {
| + | |
| - | padding: 0.1em 1.5em;
| + | |
| - | font-size: 0.85em;
| + | |
| - | }
| + | |
| - | .about-left p {
| + | |
| - | font-size: 2em;
| + | |
| - | }
| + | |
| - | .testmonials-grids {
| + | |
| - | padding-top: 2em;
| + | |
| - | }
| + | |
| - | .contact-grids {
| + | |
| - | padding-top: 1em;
| + | |
| - | }
| + | |
| - | .footer {
| + | |
| - | min-height: 300px;
| + | |
| - | }
| + | |
| - | .consulation-grids {
| + | |
| - | padding: 1em 0 0 0;
| + | |
| - | }
| + | |
| - | .contact-order {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | @media (max-width:480px){
| + | |
| - | .contact-no span {
| + | |
| - | font-size: 1em;
| + | |
| - | margin-top: 0.2em;
| + | |
| - | }
| + | |
| - | .logo {
| + | |
| - | left: 41%;
| + | |
| - | top: 17px;
| + | |
| - | }
| + | |
| - | nav {
| + | |
| - | top: -70px;
| + | |
| - | }
| + | |
| - | .bg {
| + | |
| - | min-height: 250px;
| + | |
| - | }
| + | |
| - | .about {
| + | |
| - | padding: 2em 0;
| + | |
| - | }
| + | |
| - | .about-left p {
| + | |
| - | font-size:1.5em;
| + | |
| - | font-weight:400;
| + | |
| - | width:100%;
| + | |
| - | }
| + | |
| - | .consulation-left h4 {
| + | |
| - | font-size: 1.4em;
| + | |
| - | width:100%;
| + | |
| - | }
| + | |
| - | .head h3 {
| + | |
| - | width: 30.3%;
| + | |
| - | }
| + | |
| - | .gallery-grids {
| + | |
| - | padding: 1em 0 0 0;
| + | |
| - | }
| + | |
| - | .view-gallery-btn {
| + | |
| - | padding: 0.75em;
| + | |
| - | width: 32%;
| + | |
| - | }
| + | |
| - | .head h3 {
| + | |
| - | font-size: 1.5em;
| + | |
| - | font-weight: 400;
| + | |
| - | }
| + | |
| - | .head span {
| + | |
| - | background-size: 50%;
| + | |
| - | }
| + | |
| - | .b-animate span {
| + | |
| - | font-size: 1.5em;
| + | |
| - | }
| + | |
| - | .footer {
| + | |
| - | min-height: 200px;
| + | |
| - | }
| + | |
| - | .consulation-left p {
| + | |
| - | line-height: 1.5em;
| + | |
| - | font-size: 0.8125em;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| - | .consulation-right input[type="text"], .consulation-right input[type="submit"], .contact-right input[type="text"], .contact-right textarea {
| + | |
| - | padding: 0.7em;
| + | |
| - | font-size:0.85em;
| + | |
| - | }
| + | |
| - | .testmonials-grids {
| + | |
| - | padding-top: 1em;
| + | |
| - | }
| + | |
| - | nav a#pull img {
| + | |
| - | padding-top:40px;
| + | |
| - | }
| + | |
| - | nav {
| + | |
| - | top: -98px;
| + | |
| - | }
| + | |
| - | .contact-no {
| + | |
| - | margin-top: 10px;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | @media (max-width:320px){
| + | |
| - | .contact-no {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | .logo {
| + | |
| - | left: 27%;
| + | |
| - | top: 14px;
| + | |
| - | }
| + | |
| - | nav {
| + | |
| - | top: -64px;
| + | |
| - | }
| + | |
| - | .bg {
| + | |
| - | min-height: 200px;
| + | |
| - | }
| + | |
| - | .about-left p {
| + | |
| - | font-size: 1.2em;
| + | |
| - | }
| + | |
| - | .about-right h3, .about-right span {
| + | |
| - | font-weight: 600;
| + | |
| - | font-size: 0.95em;
| + | |
| - | margin: 10px 0;
| + | |
| - | }
| + | |
| - | .head h3 {
| + | |
| - | width: 55.3%;
| + | |
| - | }
| + | |
| - | .view-gallery-btn {
| + | |
| - | padding: 0.6em;
| + | |
| - | width: 40%;
| + | |
| - | font-size: 0.8125em;
| + | |
| - | }
| + | |
| - | .consulation-left h4 {
| + | |
| - | font-size: 1em;
| + | |
| - | width: 100%;
| + | |
| - | font-weight: 500;
| + | |
| - | }
| + | |
| - | .consulation-grids {
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | .b-animate span {
| + | |
| - | font-size: 1em;
| + | |
| - | }
| + | |
| - | .b-animate button {
| + | |
| - | padding: 0.5em 1em;
| + | |
| - | font-size: 0.8125em;
| + | |
| - | }
| + | |
| | } | | } |
| - | </style>
| + | </style> |
| - |
| + | </head> |
| - | <!----start-top-nav---->
| + | <body> |
| - | <nav class="top-nav">
| + | |
| - | <ul class="top-nav">
| + | |
| - | <li class="active"><a href="#home" class="scroll">Home</a></li>
| + | |
| - | <li class="page-scroll"><a href="#ct3" class="scroll">Teams</a></li>
| + | |
| - | <li class="page-scroll"><a href="#ct1" class="scroll">Schedule</a></li>
| + | |
| - | <li class="page-scroll"><a href="#con" class="scroll">Sponsors</a></li>
| + | |
| - | <li class="page-scroll"><a href="#ct2" class="scroll">Join us</a></li>
| + | |
| - | <li class="page-scroll"><a href="#ct4" class="scroll">Contact</a></li>
| + | |
| - | </ul>
| + | |
| - | <a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
| + | |
| - | </nav>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div id="contentcontainer">
| + | |
| - | <div style="width:975px;">
| + | |
| | | | |
| - | <h2 id="" align="center">Deadline of application is July 10th 23:59.</h2> | + | <div id="navigation-background"> |
| - | <h2 id="" align="center">THE CENTRAL CHINA iGEMERS’ MEETUP</h2> | + | <div id="nav"> |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | <a href="https://2014.igem.org/Meetups/August_HZAU-China">HOME</a> |
| | + | <a href="https://2014.igem.org/Meetups/August_HZAU-China/news"><i>NEWS!</i></a> |
| | + | <a href="https://2014.igem.org/Meetups/August_HZAU-China/travel">TRAVEL</a> |
| | + | <a href="https://2014.igem.org/Meetups/August_HZAU-China/download">DOWNLOAD</a> |
| | + | <a href="https://2014.igem.org/Meetups/August_HZAU-China/note">NOTE</a> |
| | + | <a href="https://2014.igem.org/Meetups/August_HZAU-China/contact">CONTACT</a> |
| | + | </div> |
| | + | </div> |
| | | | |
| - | <p>Hi, we are the HZAU-China team and we are glad to invite you to join the central china iGEMers’ meetup<b> during 23rd to 24th Aug.2014</b>, which is supported by Central China iGEMers’ Consortium(CCiC) and will be held at<b> Huazhong Agricultural University, Wuhan</b>. This meeting is more than just for fun. In order to discuss the iGEM at all aspects, We will talk about two topic：<b>team project</b> and<b> team building</b> and We invited<b> Zhang haoqian, Liu yang</b>, two accomplished former leaders, to share their experience.</p> | + | <div id="contentcontain"> |
| - | <p><a href="">Team HZAU-China</a></p> | + | <h1 align="center"><b>Deadline of application is 23:59 July 10th.</b></h1> |
| - | <p>Date: 23rd to 24th Aug. 2014</p> | + | |
| - | <p>Location:Huazhong Agricultural University, Wuhan, China</p> | + | <h2>When and where</h2> |
| | + | <div class="underline-s"></div> |
| | + | <p><a href=" https://2014.igem.org/Team:HZAU-China" ><b>Team : HZAU-China </b></a></p> |
| | + | <p> August 23rd -24th , 2014</p> |
| | + | <p>Huazhong Agricultural University, Wuhan</p > |
| | + | |
| | + | <h2>Who (The list will continue to update)</2> |
| | + | <div class="underline-s"></div> |
| | + | <ul> |
| | + | <li>HUST_China</li> |
| | + | <li>HZAU_China</li> |
| | + | <li>Jilin_China</li> |
| | + | <li>WHU_China</li> |
| | + | <li>WHU_Pharm</li> |
| | + | <li>AHUT_China</li> |
| | + | <li>CAU_China</li> |
| | + | <li>OUC_China</li> |
| | + | <li>SCUT</li> |
| | + | <li>NUDT_China</li> |
| | + | </ul> |
| | | | |
| - | <h2 id="ct3">Who （This list will continue to update）</h2>
| |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
| |
| - | <ul>
| |
| - | <li>HUST-China</li>
| |
| - | <li>HZAU-China</li>
| |
| - | <li>Jilin_China</li>
| |
| - | <li>WHU-China</li>
| |
| - | <li>WHU-Pharm</li>
| |
| - | <li>AHUT_China</li>
| |
| - | <li>CAU_China</li>
| |
| - | <li>OUC-China</li>
| |
| - | <li>CAU_China</li>
| |
| - | <li>CAU_China</li>
| |
| - | </ul>
| |
| - | <br>
| |
| | | | |
| - | <h2 id="">Highlights</h2> | + | <h2 id="">THE CENTRAL CHINA iGEMERS’ MEETUP</h2> |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | <div class="underline-s"></div> |
| - | <p>Our discussion will mainly revolve around two topics, our projects at hand and team management. We have invited <a href="">Zhang Haoqian</a> and <a href="">Liu yang</a>, the accomplished former leader of PKU and OUC, as well as several other experienced former leaders to share their experience and thoughts with us, and give their suggestions</p> | + | <p> We, organizing members of the 1st Central China iGEMers’ Consortium(CCIC) , are honored to convey our greetings and best wishes to your arrival at Huazhong Agricultural University! the central china iGEMers’ meetup during 23rd to 24th Aug.2014, which is supported by Central China iGEMers’ Consortium(CCiC) and will be held at Huazhong Agricultural University, Wuhan. This meeting is more than just for fun. In order to discuss the iGEM at all aspects, We will talk about two topic：team project and team building and We invited Zhang haoqian, Liu yang, two accomplished former leaders, to share their experience.</ p> |
| | + | <h4>Highlights:</h4> |
| | + | <p>In the conference, two topics will be discussed: the team projects and team management. We have invited Zhang Haoqian, the accomplished former leader of PKU, and Liu yang of OUC, as well as several other experienced former leaders to share their experience and thoughts with us, and give their suggestions.</p> |
| | | | |
| | + | <h2>What is the CCiC</h2> |
| | + | <div class="underline-s"></div> |
| | + | <p>'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of WHU, HUST and HZAU have had a tradition of close collaboration, visiting each other every few weeks or so, discussing problems and help each other.</p> |
| | | | |
| - | <h2 id="ct1">Schedule</h2> | + | <h2>Contact us:</h2> |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | <div class="underline-s"></div> |
| - | <p><b> Date:</b> 23th Aug. 2014<p> | + | <p><b> CCiC E-mail:</b> igem_ccic@163. com<p> |
| - | <b>Schedule(under update):</b> | + | <p><b>CCiC Communication Group:</b>143819574(QQ)        <b>Central iGEM Meet-up Group:</b>111910092(QQ)</p> |
| - | <ul>
| + | <p><b>Contact person:</b>Tian liu</p> |
| - | <li>09:00-09:30 am Opening Ceremony (30min)</li>
| + | <p><b>Mobile:</b> +86 15623002846        <b>E-mail:</b>hzautianliu@gmail.com        <b>QQ:</b>617741669</p> |
| - | <li>09:30-10:30 am Addresses by <a href=""><u>Zhang Haoqian</u></a> (60min)</li>
| + | <p><b>Contact person:</b>Lu Huifang</p> |
| - | <li>10:30-11:30 am Address by <a href=""><u>Liu yang</u></a> (60min)</li>
| + | <p><b> Mobile:</b> +86 13720134615        <b> E-mail:</b> 249426013@qq.com        < b> QQ:</ b> 249426013</ p> |
| - | <li>11:30-12:00 pm Question time(30min)</li>
| + | |
| - | <li>12:00-14:30 pm Lunch and free Discussion (2hour 30min)</li>
| + | |
| - | <li>14:30-15:30 pm Presentation</li>
| + | |
| - | <li>15:30-15:50 pm Tea Break</li>
| + | |
| - | <li>15:50-16:50 pm Presentation</li>
| + | |
| - | <li>17:00-18:00 pm Dinner</li>
| + | |
| - | <li>Evening Free discussion and snacks</li>
| + | |
| - | </ul>
| + | |
| - | <br>
| + | |
| - | <p><b>Date:</b>24th Aug. 2014<p> | + | |
| - | <b>Schedule(under update):</b> | + | |
| - | <ul> | + | |
| - | <li>09:00-10:00 am Presentation </li>
| + | |
| - | <li>10:00-10:30 am Closing Ceremony</li>
| + | |
| | | | |
| - | </ul> | + | <div id="Co-partners"> |
| - | <h2 id="ct2"><b>How to join us？</b></h2> | + | <div id="Co-partners3"><h2>Co-partners</h2><div class="underline-s"></div></div> |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | <div id="Co-partners0"><img src="https://static.igem.org/mediawiki/2014/1/1d/Hzau_logo.png" width="305px"></div> |
| - | Please fill in the <a href="https://static.igem.org/mediawiki/2014/1/11/CCIC_registraion_form.pdf">registration form</a> and sent it to igem_ccic@163.com before the July 1st.If you want to join us but need extra time to confirm the participators , please tell us as soon as possible.
| + | <div id="Co-partners1"><img src="https://static.igem.org/mediawiki/2014/7/75/WHU_logo.png" width="265px"></div> |
| - | | + | <div id="Co-partners2"><img src="https://static.igem.org/mediawiki/2014/3/34/HUST_logo.png" width="350px"></div> |
| - | <br><br> | + | </div> |
| - | | + | |
| - | <h2 id="">What should you prepare for the meetup？</h2>
| + | <div id="Supporter"> |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
| + | <div id="Supporter2"><h2>Supporter</h2><div class="underline-s"></div></div> |
| - | <ul>
| + | < div id=" Supporter0"><img src= "https://static.igem.org/mediawiki/2014/ f/ fe/ Sky_logo. png" width=" 400px"></ div> |
| - | <li>attendance fee：￥150 （or less）per attendee</li>
| + | < div id=" Supporter1"><img src= "https://static.igem.org/mediawiki/2014/ 4/ 44/ CB. png" width="254px"></ div> |
| - | <li>We will provide catering but there is no arranged accommodation. So, if you are trouble in the accommodation, don’t hesitate to turn to us. And we can help you book a hotel.</li>
| + | </div> |
| - | <li>Team photos and short description, show your team and those fighting time, video is better.</li>
| + | |
| - | <li>Project titles and abstracts, we will make a handbook, so please send them to us before Aug. 15th</li>
| + | |
| - | <li>Poster (the size to be determined)</li>
| + | |
| - | <li>PPT or prezi et al</li>
| + | |
| - | <li>At last, don’t forget with a relaxed and happy mood.</li>
| + | |
| - | </ul> | + | |
| - | <br> | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <h2 id="">What’s the CCiC ?</h2>
| + | |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
| + | |
| - | <p>'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of WHU, HUST and HZAU have had a tradition of close collaboration, visiting each other every few weeks or so, discussing problems and help each other.</p>
| + | |
| - | <br> | + | |
| - | | + | |
| - | <h2 id="ct4">Contact us:</h2> | + | |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | |
| - | <p>If you have any question or suggestion, don’t hesitate to tell us.<p> | + | |
| - | <p>Our e-mail: igem_ccic@163.com<p>
| + | |
| - | <p>QQ Group: 111910092<p>
| + | |
| - | <p><b>Contact person：Tian liu</b></p>
| + | |
| - | <p>Mobile： +86 15623002846</p>
| + | |
| - | <p>E-mail：hzautianliu@gmail.com</p>
| + | |
| - | <br><br>
| + | |
| - | | + | |
| - | <h2 id="">Supporter</h2>
| + | |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | |
| - | <p style="text-align:center"> | + | |
| - | | + | |
| - | <img src= 'https://static.igem.org/mediawiki/2014/ 7/ 7b/ Spu. jpg'></p> | + | |
| - | <br>
| + | |
| - |
| + | |
| - | <br>
| + | |
| - | | + | |
| - | <h2 id="">Co-partners</h2>
| + | |
| - | <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 /> | + | |
| - | <p style="text-align:center;">
| + | |
| - | | + | |
| - | <img src= 'https://static.igem.org/mediawiki/2014/ 0/ 05/ Concp. jpg'></ p> | + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | | + | |
| - | </div> | + | |
| | </div> | | </div> |
| - | </body> <!-----start-about---->
| + | </body> |
| | </html> | | </html> |
"
