MMCT TEAM
Server IP : 162.214.80.37  /  Your IP : 216.73.216.83
Web Server : Apache
System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : imyrqtmy ( 2189)
PHP Version : 8.2.18
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home2/imyrqtmy/public_html/clickonn/include/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/imyrqtmy/public_html/clickonn/include/slider_o.php
<style type="text/css">

	.wrapper{

  position: absolute;

  bottom: -50%;

  left: 50%;

  transform: translate(-50%,-50%);

}



.wrapper .search_box{

  width: 500px;

  background: #fff;

  border-radius: 5px;

  height: 65px;

  display: flex;

  padding: 10px;

  box-shadow: 0 8px 6px -10px #E31E24;

}



.wrapper .search_box .dropdown{

  width: 150px;

  border-right: 2px solid #dde2f1;

  color: #9fa3b1;

  position: relative;

  cursor: pointer;

}



.wrapper .search_box .dropdown .default_option{

  text-transform: uppercase;

  padding: 13px 15px;

  font-size: 14px;

}



.wrapper .search_box .dropdown ul{

  position: absolute;

  top: 70px;

  left: -10px;

  background: #fff;

  width: 150px;

  border-radius: 5px;

  padding: 20px;

  display: none;

  box-shadow: 8px 8px 6px -10px #b3c6ff;

}



.wrapper .search_box .dropdown ul.active{

  display: block;

}



.wrapper .search_box .dropdown ul li{

  padding-bottom: 20px;

}



.wrapper .search_box .dropdown ul li:last-child{

  padding-bottom: 0;

}



.wrapper .search_box .dropdown ul li:hover{

  color: #6f768d;

}



.wrapper .search_box .dropdown:before{

  content: "";

  position: absolute;

  top: 18px;

  right: 20px;

  border: 8px solid;

  border-color: #E31E24 transparent transparent transparent;

}



.wrapper .search_box .search_field{

  width: 350px;

  height: 100%;

  position: relative;

}



.wrapper .search_box .search_field .input{

  width: 100%;

  height: 100%;

  border: 0px;

  font-size: 16px;

  padding-left: 20px;

  padding-right: 38px;

  color: #6f768d;

}



.wrapper .search_box .search_field button{

  position: absolute;

  top: 5px;

  right: 10px;

  font-size: 22px;

  color: #E31E24;

  cursor: pointer;

  border: none;

  background: transparent;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #9fa3b1;

}

::-moz-placeholder { /* Firefox 19+ */

 color: #9fa3b1;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #9fa3b1;

}

:focus-visible {

    outline: -webkit-focus-ring-color auto 0px;

}





@media (min-width: 320px) and (max-width: 1024px) {

  

  .wrapper{

  	position: unset;

  	bottom: unset;

  	left: unset;

  	transform: unset;

  }

  .wrapper .search_box{

  	width: 100%;

  }

  .wrapper .search_box .dropdown {

    width: 50%;

    border-right: 2px solid #dde2f1;

    color: #9fa3b1;

    position: relative;

    cursor: pointer;

}

.wrapper .search_box .search_field {

    width: 100%;

    height: 100%;

    position: relative;

} 

.wrapper .search_box .search_field .input {

    width: 100%;

    height: 100%;

    border: 0px;

    font-size: 16px;

    padding-left: 20px;

    padding-right: 38px;

    color: #6f768d;

}  

}



</style>





<section class="hero-section-two">			

			<div class="banner-slider slider">

				<div class="banner">

					<img class="img-fluid banimg" src="assets/img/banner.jpg" alt="img">

				</div>

				<div class="banner">

					<img class="img-fluid banimg" src="assets/img/banner-02.jpg" alt="img">

				</div>

				<div class="banner">

					<img class="img-fluid banimg" src="assets/img/banner-03.jpg" alt="img">

				</div>

			</div>	

			<div class="banner-search aos" data-aos="fade-up">

				<div class="container">

					<div class="row">

						<div class="col-md-10 mx-auto">

							<div class="">

							<h1>Easy way to <span>reach expert</span></h1>

							<!-- <p>Search From 150 Awesome Verified Ads!</p> -->

							<p></p>

							</div>

							<!-- <div class="search-box-two sermobi">

								<div class="css1">

								<form action="https://html.truelysell.com/template3/search.html"> 

									<div class="search-input-new inmb">

										<i class="fas fa-location-arrow bficon"></i>

										<div class="form-group mb-0">

											<input type="text" class="form-control" placeholder="Your Location"> 

											<a class="current-loc-icon current_location" href="javascript:void(0);"><i class="fas fa-crosshairs"></i></a>

										</div>

									</div>

									<div class="search-input-new line inmb">

										<div class="form-group mb-0">

										<select class="form-control" name="sub">

												<option>select</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

											</select>

										</div>

									</div>

									

									<div class="search-btn">

										<button class="btn search_service" type="submit"><i class="feather-search"></i> Search</button>

									</div>

								</form>

							</div>

							</div> -->

							<!-- <div class="main">

						    		<input class="sers" type="text" placeholder="Enter text u" />

											<select class="sers" name="cat">

												<option>Select Categories</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

											</select>

											<input type="submit" value="Search">

									<button class="btn serbut" type="submit"><i class="feather-search"></i></button>



                            </div> -->

                            <div class="wrapper">

							    <div class="search_box">

							        <div class="dropdown">

							            <div class="default_option">All</div>  

							            <ul>

							              <li>All</li>

							              <li>Recent</li>

							              <li>Popular</li>

							            </ul>

							        </div>

							        <div class="search_field">

							          <input type="text" class="input" placeholder="Search">

							          <button><i class="fas fa-search"></i></button>

							      </div>

							    </div>

							</div>

						</div>

					</div>

				</div>

			</div>

		</section>

		<!-- /Hero Section -->

		<section class="featured-categories-section">

			

			<div class="container">

				<div class="floating-five-main">

					<div class="floating-five-buttom">

						<a href="search.php">

							<div class="floating-five-buttom-all">

							<!-- <h5>1430 k</h5> -->

							<p>Cat1</p>

						</div>

						</a>

						<div class="floating-five-buttom-img">

							<i class="feather-users"></i>

						</div>

					</div>

					<div class="floating-five-buttom">

						<div class="floating-five-buttom-all">

							<!-- <h5>987 k</h5> -->

							<p>Cat2</p>

						</div>

						<div class="floating-five-buttom-img floating-fives-buttom-img">

							<i class="feather-users"></i>

						</div>

					</div>

					<div class="floating-five-buttom">

						<div class="floating-five-buttom-all">

							<!-- <h5>987 k</h5> -->

							<p>Cat2</p>

						</div>

						<div class="floating-five-buttom-img floating-fives-buttom-img">

							<i class="feather-users"></i>

						</div>

					</div>

					<div class="floating-five-buttom">

						<div class="floating-five-buttom-all">

							<!-- <h5>987 k</h5> -->

							<p>Cat2</p>

						</div>

						<div class="floating-five-buttom-img floating-fives-buttom-img">

							<i class="feather-users"></i>

						</div>

					</div>

					<div class="floating-five-buttom">

						<div class="floating-five-buttom-all">

							<!-- <h5>987 k</h5> -->

							<p>Cat2</p>

						</div>

						<div class="floating-five-buttom-img floating-fives-buttom-img">

							<i class="feather-users"></i>

						</div>

					</div>

					<div class="floating-five-buttom">

						<div class="floating-five-buttom-all">

							<!-- <h5>987 k</h5> -->

							<p>Cat2</p>

						</div>

						<div class="floating-five-buttom-img floating-fives-buttom-img">

							<i class="feather-users"></i>

						</div>

					</div>

					

				</div>

				

			

			</div>

		</section>



		<!-- <section class="featured-categories-section">

			<div class="container">

			<div class="row">

						<div class="col-md-10 mx-auto inmb1">

							<div class="search-box-two sermb">

								<form action="https://html.truelysell.com/template3/search.html"> 

									<div class="search-input-new inmb">

										<i class="fas fa-location-arrow bficon"></i>

										<div class="form-group mb-0">

											<input type="text" class="form-control" placeholder="Your Location"> 

											<a class="current-loc-icon current_location" href="javascript:void(0);"><i class="fas fa-crosshairs"></i></a>

										</div>

									</div>

									<div class="search-input-new line inmb">

										<div class="form-group mb-0">

										<select class="form-control" name="sub">

												<option>select</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

												<option value="abc">abc</option>

											</select>

										</div>

									</div>

									

									<div class="search-btn">

										<button class="btn search_service" type="submit"><i class="feather-search"></i> Search</button>

									</div>

								</form>

							</div>

						</div>

			</div>

		    </div>

		</section> -->

MMCT - 2023