first commit
This commit is contained in:
root
179
en/container/header.php
Normal file
179
en/container/header.php
Normal file
@@ -0,0 +1,179 @@
|
||||
<div class="page-wrapper">
|
||||
<!-- Preloader -->
|
||||
<div class="preloader"></div>
|
||||
<!-- End Preloader -->
|
||||
<!-- Cursor -->
|
||||
<div class="cursor"></div>
|
||||
<div class="cursor-follower"></div>
|
||||
<!-- Cursor End -->
|
||||
<!-- Main Header -->
|
||||
<header class="main-header main-header-one">
|
||||
<!-- Header Lower -->
|
||||
<div class="header-lower">
|
||||
<div class="main-menu__wrapper">
|
||||
<div class="inner-container d-flex align-items-center justify-content-between">
|
||||
<!-- Logo Box -->
|
||||
<div class="main-header-one__logo-box">
|
||||
<a href="index">
|
||||
<img src="images/ai_logo.png" width="110px" alt="Logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="nav-outer">
|
||||
<!-- Main Menu -->
|
||||
<nav class="main-menu show navbar-expand-md">
|
||||
<div class="navbar-header">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
||||
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
|
||||
aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
|
||||
<ul class="navigation clearfix">
|
||||
<li><a href="products">Products</a></li>
|
||||
<li><a href="blog">Blog</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Main Menu End-->
|
||||
</div>
|
||||
<!-- Outer Box -->
|
||||
<div class="outer-box d-flex align-items-center">
|
||||
<ul class="main-header__login-sing-up">
|
||||
<li><a href="contact">Join us</a></li>
|
||||
</ul>
|
||||
<!-- Mobile Navigation Toggler -->
|
||||
<div class="mobile-nav-toggler">
|
||||
<span class="icon-menu"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Outer Box -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Header Lower -->
|
||||
<!-- Mobile Menu -->
|
||||
<div class="mobile-menu">
|
||||
<div class="menu-backdrop"></div>
|
||||
<div class="close-btn"><span class="icon far fa-times fa-fw"></span></div>
|
||||
<nav class="menu-box">
|
||||
<div class="nav-logo"><a href="index">AI Tool Path</a></div>
|
||||
<!-- Search -->
|
||||
<div class="search-box">
|
||||
<!--<form method="post" action="">-->
|
||||
<!-- <div class="form-group">-->
|
||||
<!-- <input type="search" name="search-field" value="" placeholder="SEARCH HERE" required>-->
|
||||
<!-- <button type="submit"><span class="icon far fa-search fa-fw"></span></button>-->
|
||||
<!-- </div>-->
|
||||
</form>
|
||||
</div>
|
||||
<div class="menu-outer">
|
||||
<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- End Mobile Menu -->
|
||||
</header>
|
||||
<!-- End Main Header -->
|
||||
<!-- CSS for Basic Styling -->
|
||||
<style>
|
||||
.top_search_form{
|
||||
background: rgba(60, 60, 119, 0.5);
|
||||
padding: 40px 10px;
|
||||
// margin-top: -170px;
|
||||
margin-bottom: 100px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.search-container {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#search-input {
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 5px 0px 0px 5px;
|
||||
width: 85%;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border: solid 1px #3c3c77;
|
||||
color: rgba(225, 225, 225, 0.5);
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.s_btn {
|
||||
padding: 8px;
|
||||
border-radius: 0px 5px 5px 0px;
|
||||
background:#426bff;
|
||||
color:#fff;
|
||||
padding: 10px 20px;
|
||||
border: solid 1px #426bff;
|
||||
}
|
||||
|
||||
.suggestions-list {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 3.5%;
|
||||
background: #fff;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 200px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
width: 93%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.suggestions-list li {
|
||||
padding: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.suggestions-list li:hover {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
#form_tags {
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#form_tags a {
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
a.cat_active {
|
||||
background: #426bff;
|
||||
color: #fff;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
#search-input {
|
||||
width: 99%;
|
||||
border-radius:5px;
|
||||
}
|
||||
.s_btn {
|
||||
width:98%;
|
||||
border-radius:5px;
|
||||
padding: 8px 20px;
|
||||
margin-top:13px;
|
||||
}
|
||||
.suggestions-list {
|
||||
top: 18%;
|
||||
left: 1.5%;
|
||||
width: 97%;
|
||||
}
|
||||
#form_tags {
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#form_tags a {
|
||||
padding: 5px 10px;
|
||||
font-size:12px;
|
||||
margin-left:3px;
|
||||
}
|
||||
.career-page-top__job-apply-country-list {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user