|
|
Line 8: |
Line 8: |
| </head> | | </head> |
| <body class="landing"> | | <body class="landing"> |
− | <style>
| |
− | #slick-menu {
| |
− | width: 100%;
| |
− | list-style-type: none;
| |
− | overflow: hidden;
| |
− | text-align: center;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | background-color: #019ac8;
| |
− | }
| |
| | | |
− | #slick-menu > li {
| |
− | display: inline-block;
| |
− | margin: 0 5px;
| |
− | padding: 5px 0; }
| |
− |
| |
− | #slick-menu > li > a {
| |
− | display: block;
| |
− | padding: 10px;
| |
− | margin: 0;
| |
− | color: #fff;
| |
− | text-decoration: none;
| |
− | font-family: calibri;
| |
− | }
| |
− |
| |
− | #slick-menu > li > a:hover, #slick-menu > li > a.current {
| |
− | font-weight: 600;
| |
− | color: white; }
| |
− |
| |
− | @media only screen and (max-width: 1250px) {
| |
− | #slick-menu {
| |
− | padding-top: 20px;
| |
− | margin-bottom: 22px;
| |
− | float: left;
| |
− | text-align: left;
| |
− | width: 100%; }
| |
− |
| |
− | #slick-menu {
| |
− | padding-top: 0px; }
| |
− | }
| |
− |
| |
− | @media only screen and (max-width: 1250px) {
| |
− | #slick-menu > li {
| |
− | width: 100%;
| |
− | padding: 7px 0;
| |
− | margin: 0; } }
| |
− |
| |
− | .open-nav {
| |
− | max-height: 100% !important; }
| |
− |
| |
− | .open-nav .mobile-toggle {
| |
− | transform-origin: 25x 25px;
| |
− | -webkit-transform: rotate(180deg);
| |
− | transform: rotate(180deg); }
| |
− |
| |
− | .mobile-toggle {
| |
− | display: none;
| |
− | float: left;
| |
− | cursor: pointer;
| |
− | transition: all 200ms ease-in; }
| |
− |
| |
− | @media only screen and (max-width: 1250px) {
| |
− | .mobile-toggle {
| |
− | display: block; } }
| |
− |
| |
− | .mobile-toggle span {
| |
− | width: 30px;
| |
− | height: 4px;
| |
− | margin-bottom: 6px;
| |
− | border-radius: 1000px;
| |
− | background: #c8c8c8;
| |
− | display: block; }
| |
− |
| |
− | .navbar {
| |
− | max-height: 50px;
| |
− | overflow: hidden;
| |
− | background-color: #019ac8;
| |
− | -webkit-transition: all 0.3s ease-in;
| |
− | -moz-transition: all 0.3s ease-in;
| |
− | -ms-transition: all 0.3s ease-in;
| |
− | -o-transition: all 0.3s ease-in;
| |
− | transition: all 0.3s ease-in;
| |
− | }
| |
− |
| |
− | .mobile-toggle img {
| |
− | height: 20px;
| |
− | margin: 15px
| |
− | }
| |
− |
| |
− | .top-fixed {
| |
− | position: fixed;
| |
− | top: 10px;
| |
− | }
| |
− | </style>
| |
| <div id="page-wrapper"> | | <div id="page-wrapper"> |
| <!-- header --> | | <!-- header --> |