Line 1,924: | Line 1,924: | ||
/*# sourceMappingURL=style.css.map */ | /*# sourceMappingURL=style.css.map */ | ||
+ | |||
+ | |||
+ | <!DOCTYPE html> | ||
+ | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | ||
+ | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | ||
+ | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | ||
+ | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <title>Valet — Free HTML5 Bootstrap Template by FREEHTML5.co</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta name="description" content="Free HTML5 Template by FREEHTML5.CO" /> | ||
+ | <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" /> | ||
+ | <meta name="author" content="FREEHTML5.CO" /> | ||
+ | |||
+ | |||
+ | <!-- Facebook and Twitter integration --> | ||
+ | <meta property="og:title" content=""/> | ||
+ | <meta property="og:image" content=""/> | ||
+ | <meta property="og:url" content=""/> | ||
+ | <meta property="og:site_name" content=""/> | ||
+ | <meta property="og:description" content=""/> | ||
+ | <meta name="twitter:title" content="" /> | ||
+ | <meta name="twitter:image" content="" /> | ||
+ | <meta name="twitter:url" content="" /> | ||
+ | <meta name="twitter:card" content="" /> | ||
+ | |||
+ | <style> | ||
+ | .navbar { | ||
+ | overflow: hidden; | ||
+ | background-color:azure; | ||
+ | position: fixed; /* Set the navbar to fixed position */ | ||
+ | top: 0; /* Position the navbar at the top of the page */ | ||
+ | width: 100%; /* Full width */ | ||
+ | } | ||
+ | |||
+ | /* Links inside the navbar */ | ||
+ | .navbar a { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | color: #f2f2f2; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* Main content */ | ||
+ | .main { | ||
+ | margin-top: 30px; /* Add a top margin to avoid content overlay */ | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> | ||
+ | <link rel="shortcut icon" href="favicon.ico"> | ||
+ | |||
+ | <!-- Google Webfont --> | ||
+ | <!-- <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'> --> | ||
+ | <!-- Themify Icons --> | ||
+ | <link rel="stylesheet" href="css/themify-icons.css"> | ||
+ | <!-- Bootstrap --> | ||
+ | <link rel="stylesheet" href="css/bootstrap.css"> | ||
+ | <!-- Owl Carousel --> | ||
+ | <link rel="stylesheet" href="css/owl.carousel.min.css"> | ||
+ | <link rel="stylesheet" href="css/owl.theme.default.min.css"> | ||
+ | <!-- Magnific Popup --> | ||
+ | <link rel="stylesheet" href="css/magnific-popup.css"> | ||
+ | <!-- Superfish --> | ||
+ | <link rel="stylesheet" href="css/superfish.css"> | ||
+ | <!-- Easy Responsive Tabs --> | ||
+ | <link rel="stylesheet" href="css/easy-responsive-tabs.css"> | ||
+ | <!-- Animate.css --> | ||
+ | <link rel="stylesheet" href="css/animate.css"> | ||
+ | <!-- Theme Style --> | ||
+ | <link rel="stylesheet" href="css/style.css"> | ||
+ | |||
+ | <!-- Modernizr JS --> | ||
+ | <script src="js/modernizr-2.6.2.min.js"></script> | ||
+ | <!-- FOR IE9 below --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="js/respond.min.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <!-- START #fh5co-header --> | ||
+ | <header id="fh5co-header-section" role="header" class="" > | ||
+ | <div class="container"> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- <div id="fh5co-menu-logo"> --> | ||
+ | <!-- START #fh5co-logo --> | ||
+ | <!-- <h1 id="fh5co-logo" class="pull-left"><a href="index.html"><img src="images/logo.png" alt="Valet Free HTML5 Template"></a></h1> --> | ||
+ | |||
+ | <!-- START #fh5co-menu-wrap --> | ||
+ | <div class='preloader'><div class='loaded'> </div></div> | ||
+ | <div id="menubar" class="main-menu"> | ||
+ | <nav 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" aria-expanded="false"> | ||
+ | <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="index.html"><img src="assets/images/logo.png" alt="" /></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li class="active"><a href="#">Home<span class="sr-only">(current)</span></a></li> | ||
+ | <li><a href="project.html">Project</a></li> | ||
+ | <li><a href="team.html">Our Team</a></li> | ||
+ | <li><a href="#our-portfolio">Parts</a></li> | ||
+ | <li><a href="#our-history">Collaboration</a></li> | ||
+ | <li><a href="#our-feature">Notebook</a></li> | ||
+ | <li><a href="interlab.html">Interlab</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </header> | ||
+ | |||
+ | |||
+ | <div id="fh5co-hero" style="background-image: url(images/pic3.jpg);"> | ||
+ | <!-- <div class="overlay"></div> --> | ||
+ | <a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a> | ||
+ | <!-- End fh5co-arrow --> | ||
+ | <div class="container"> | ||
+ | <div class="col-md-12"> | ||
+ | <div class="fh5co-hero-wrap"> | ||
+ | <div class="fh5co-hero-intro"> | ||
+ | <!-- <h1 class="to-animate hero-animate-1">Bioremediation of Cr (VI) from�wastewater using microalgae</h1> | ||
+ | <h2 class="to-animate hero-animate-2">Nazarbayev University, Astana, Kazakhstan</a></h2> --> | ||
+ | <!-- <p class="to-animate hero-animate-3"><a href="#" class="btn btn-outline btn-md">Sign up</a></p> --> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- section --> | ||
+ | |||
+ | <div id="fh5co-main"> | ||
+ | <section> | ||
+ | |||
+ | |||
+ | <!-- Example row of columns --> | ||
+ | |||
+ | <br><br> | ||
+ | |||
+ | <img src="images/map.png" width="45%" style="display: block; margin-left: auto; margin-right: auto"> | ||
+ | |||
+ | <br><br><br> | ||
+ | |||
+ | <!-- /container --> | ||
+ | </section> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <footer role="contentinfo" id="fh5co-footer"> | ||
+ | <a href="#" class="fh5co-arrow fh5co-gotop footer-box"><i class="ti-angle-up"></i></a> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4 col-sm-6 footer-box"> | ||
+ | <h3 class="fh5co-footer-heading">School of Science and Technology</h3> | ||
+ | <ul class="fh5co-footer-links"> | ||
+ | <li>Nazarbayev University</li> | ||
+ | <li>Astana, Kazakhstan</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4 col-sm-6 footer-box"> | ||
+ | <h3 class="fh5co-footer-heading"></h3> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4 col-sm-12 footer-box"> | ||
+ | <h3 class="fh5co-footer-heading">Get in touch</h3> | ||
+ | <ul class="fh5co-social-icons"> | ||
+ | |||
+ | <li><a href="#"><i class="ti-google"></i></a></li> | ||
+ | <li><a href="#"><i class="ti-twitter-alt"></i></a></li> | ||
+ | <li><a href="#"><i class="ti-facebook"></i></a></li> | ||
+ | <li><a href="#"><i class="ti-instagram"></i></a></li> | ||
+ | <li><a href="#"><i class="ti-dribbble"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <!-- END row --> | ||
+ | <div class="fh5co-spacer fh5co-spacer-md"></div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | |||
+ | <!-- jQuery --> | ||
+ | <script src="js/jquery-1.10.2.min.js"></script> | ||
+ | <!-- jQuery Easing --> | ||
+ | <script src="js/jquery.easing.1.3.js"></script> | ||
+ | <!-- Bootstrap --> | ||
+ | <script src="js/bootstrap.js"></script> | ||
+ | <!-- Owl carousel --> | ||
+ | <script src="js/owl.carousel.min.js"></script> | ||
+ | <!-- Magnific Popup --> | ||
+ | <script src="js/jquery.magnific-popup.min.js"></script> | ||
+ | <!-- Superfish --> | ||
+ | <script src="js/hoverIntent.js"></script> | ||
+ | <script src="js/superfish.js"></script> | ||
+ | <!-- Easy Responsive Tabs --> | ||
+ | <script src="js/easyResponsiveTabs.js"></script> | ||
+ | <!-- FastClick for Mobile/Tablets --> | ||
+ | <script src="js/fastclick.js"></script> | ||
+ | <!-- Parallax --> | ||
+ | <script src="js/jquery.parallax-scroll.min.js"></script> | ||
+ | <!-- Waypoints --> | ||
+ | <script src="js/jquery.waypoints.min.js"></script> | ||
+ | <!-- Main JS --> | ||
+ | <script src="js/main.js"></script> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
Revision as of 11:55, 26 October 2017
</style>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/themify-icons.css"> <link rel="stylesheet" href="css/nu.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/superfish.css"> <link rel="stylesheet" href="css/easy-responsive-tabs.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/nu.css">
<script src="js/modernizr-2.6.2.min.js"></script>
</head> <body>
<header id="fh5co-header-section" role="header" class="" >
</header>
<a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"></a>
<section>
<img src="" width="45%" style="display: block; margin-left: auto; margin-right: auto">
<img src="http://www.filehosting.org/file/details/701488/map.png" width="45%" style="display: block; margin-left: auto; margin-right: auto">
</section>
<footer role="contentinfo" id="fh5co-footer">
<a href="#" class="fh5co-arrow fh5co-gotop footer-box"></a>
</footer>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.js"></script>
<script src="js/easyResponsiveTabs.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/jquery.parallax-scroll.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> <script src="http://pupunzi.com/mb.components/mb.YTPlayer/demo/inc/jquery.mb.YTPlayer.js"></script> </body>
</html>