| Server IP : 93.86.61.54 / Your IP : 216.73.216.60 Web Server : Apache/2.4.62 (Ubuntu) System : Linux rasin.ddns.net 6.8.0-124-generic #124~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 21:05:19 UTC x86_64 User : www-data ( 33) PHP Version : 8.4.22 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/projects/tomicauto/css/ |
Upload File : |
<!doctype html>
<!--
Website By Miradontsoa / MiVFX
http://twitter.com/miradontsoa
http://miradontsoa.com
-->
<html class="no-js" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Page Title Here -->
<title>Agenci - Fullscreen website template</title>
<!-- Meta -->
<!-- Page Description Here -->
<meta name="description" content="A beautiful and creative portfolio template. It is mobile friend (responsive) and comes with smooth animations">
<!-- Disable screen scaling-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">
<!-- Twitter Meta -->
<meta name="twitter:site" content="@miradontsoa">
<meta name="twitter:creator" content="@miradontsoa">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Description of the page">
<meta name="twitter:image" content="/img/bg-default.jpg">
<!-- Facebook Meta -->
<meta property="og:url" content="your website url here">
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Description of the page">
<meta property="og:type" content="website">
<meta property="og:image" content="/img/bg-default.jpg">
<meta property="og:image:secure_url" content="/img/bg-default.jpg">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
<!-- Web fonts and Web Icons -->
<link rel="stylesheet" href="./fonts/notosans/stylesheet.css">
<link rel="stylesheet" href="./fonts/glacial/stylesheet.css">
<link rel="stylesheet" href="./fonts/montserrat/stylesheet.css">
<link rel="stylesheet" href="./fonts/playfair/stylesheet.css">
<link rel="stylesheet" href="./fonts/ionicons.min.css">
<link rel="stylesheet" href="./fonts/font-awesome.min.css">
<link rel="stylesheet" href="https://indestructibletype.com/fonts/Jost.css" type="text/css"
charset="utf-8" />
<!-- Vendor CSS style -->
<link rel="stylesheet" href="./css/pageloader.css">
<!-- Uncomment below to load individualy vendor CSS -->
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./js/vendor/swiper.min.css">
<link rel="stylesheet" href="./js/vendor/jquery.fullpage.min.css">
<link rel="stylesheet" href="./js/vegas/vegas.min.css">
<!-- Main CSS files -->
<link rel="stylesheet" href="./css/main.css">
<!-- add alt layout here -->
<link rel="stylesheet" href="./css/style-bg.css">
<link rel="stylesheet" href="./css/style-font.css">
<script src="./js/vendor/modernizr-2.7.1.min.js"></script>
</head>
<body id="menu" class="body-page">
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Page Loader : just comment these lines to remove it -->
<div class="page-loader" id="page-loader">
<div>
<div class="icon ion-spin"></div>
<p>loading</p>
</div>
</div>
<!-- BEGIN OF site header Menu -->
<header class="page-header navbar page-header-drawer menu-right logo-left topmenu-right ">
<!-- Begin of menu icon toggler -->
<button class="navbar-toggler site-menu-icon" id="navMenuIcon">
<!-- Available class : menu-icon-dot / menu-icon-line-->
<span class="menu-icon menu-icon-line">
<span class="text show-menu-visible">Close</span>
<span class="text hide-menu-visible">Menu</span>
<span class="bars">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</span>
</span>
</button>
<!-- End of menu icon toggler -->
<!-- Begin of logo/brand -->
<a class="navbar-brand" href="./#">
<!-- Arrows scroll down/up -->
<span class="logo">
<img class="light-logo" src="img/logo.png" alt="Logo">
</span>
<span class="text">
<span class="line">agenci.</span>
</span>
</a>
<!-- End of logo/brand -->
<!-- begin of menu wrapper -->
<div class="all-menu-wrapper" id="navbarMenu">
<!-- Begin of hamburger mainmenu menu -->
<nav class="navbar-mainmenu">
<div class="mainmenu-bg"></div>
<div class="mainmenu-content">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="./index.html#home">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./item.html">Item</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./article.html">Article</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./demo.html">Demo</a>
</li>
</ul>
<div class="navbar-desc">
<div class="row">
<div class="col col-12 col-lg-8">
<p>This is our moto and it is just a placeholder text.
</p>
</div>
</div>
</div>
<div class="navbar-footer">
<div class="row no-gutters">
<div class="col col-12 col-md-6">
<div class="icons icons-margin">
<a class="btn-icon" href="#">
<i class="icon fa fa-instagram"></i>
</a>
<a class="btn-icon" href="#">
<i class="icon fa fa-twitter"></i>
</a>
</div>
</div>
<div class="col col-12 col-md-6 footer-notes">
<p class="text-right">Copyright - agenci. 2000</p>
</div>
</div>
</div>
</div>
</nav>
<!-- End of hamburger mainmenu menu -->
</div>
<!-- end of menu wrapper -->
</header>
<!-- END OF site header Menu-->
<!-- BEGIN OF page cover -->
<div class="page-cover">
<!-- Cover Background -->
<div class="cover-bg bg-img" data-image-src="img/bg-default.jpg"></div>
<!-- Transluscent mask as filter -->
<div class="cover-bg-mask bg-color" data-bgcolor="rgba(29, 29, 29, 0.2)"></div>
</div>
<!--END OF page cover -->
<!-- BEGIN OF page main content -->
<main class="page-main main-anim fullpage-container " id="mainpage">
<!-- Begin of home section -->
<div class="section section-home fullscreen-md main-home section-center" data-section="home">
<div class="section-cover home-cover">
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<!-- content -->
<div class="section-content anim">
<div class="row c-wrapper justify-content-center">
<div class="col-12 col-md-8 text-center">
<!-- title and description -->
<div class="title-desc mb-0">
<h1 class="home-title anim-blur anim-2">
<span class="light">art</span>
<span class="normal">agenci.</span>
</h1>
<p class="anim-3">An awesome design studio</p>
</div>
<div class="home-btns btns-action anim-4">
<a class="btn btn-line long-line" href="#projects">
<span class="text">Projects</span>
</a>
</div>
</div>
</div>
</div>
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Scroll</span>
</a>
</footer>
</div>
<!-- End of section wrapper -->
</div>
<!-- End of home section -->
<!-- Begin of description section -->
<div class="section fp-auto-height-responsive fullscreen-md-off" data-section="about-us">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">About</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<!-- content -->
<div class="section-content anim">
<div class="row">
<div class="col-12 col-md-4 text-left">
<!-- title and description -->
<div class="title-desc pr-4">
<h2 class="display-5 anim-2">We are more than an agency.</h2>
</div>
<!-- Action button -->
<div class="btns-action anim-3 mb-3">
<a class="btn btn-line" href="#services">
<span class="text">Services</span>
</a>
</div>
</div>
<div class="col-12 col-md-8 text-left">
<!-- title and description -->
<div class="title-desc anim-4">
<p>This is just a placeholder text. And this is a website template,
helping you to build modern and beautiful websites.</p>
<p>We are pationate about making brands and startups higlighted. We
make the perfect logo, website and landing page for their first
online visibility. More than 1000 customers already relied on our
unique networks and Digital Tools.
</p>
<p>Trending technlogy is not strange to us, as it is part of our culture
here at Office to follow and even more: we create trends.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- End of section wrapper -->
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Team</span>
</a>
</footer>
</div>
<!-- End of description section -->
<!-- Begin of slider section -->
<div class="section section-slider fp-auto-height-responsive fullscreen-md" data-section="team">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">Team</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper fullwidth">
<!-- begin of slider -->
<div class="slider-swiper-beta">
<!-- slider -->
<div class="swiper-container slider-container">
<div class="item-list swiper-wrapper">
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-beta">
<!-- <div class="media-bg bg-color" data-bgcolor="#2B2A54"></div> -->
<div class="media-content text-anim">
<div class="row justify-content-between">
<div class="col col-12 col-md-4 col-lg-6 order-lg-2">
<div class="media-image">
<img class="img-block-off" src="./img/items/img-people1.jpg" alt="Alt Text">
</div>
</div>
<div class="col center-v col-12 col-md-4 col-lg-6 order-lg-1">
<div class="media-body body-margin-right">
<h4 class="">Team Member</h4>
<h3 class="">Nicole Martine</h3>
<p>Digital Marketer</p>
<div class="btns-action">
<a class="btn btn-line" href="">
<span class="text">Linkedin</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-beta">
<!-- <div class="media-bg bg-color" data-bgcolor="rgb(219, 51, 74)"></div> -->
<div class="media-content text-anim">
<div class="row justify-content-between">
<div class="col col-12 col-md-4 col-lg-6 order-lg-2">
<div class="media-image">
<img class="img-block-off" src="./img/items/img-people2.jpg" alt="Alt Text">
</div>
</div>
<div class="col center-v col-12 col-md-4 col-lg-6">
<div class="media-body body-margin-right">
<h4 class="">Team Member</h4>
<h3 class="">Lucy Kate</h3>
<p>Public relationship</p>
<div class="btns-action">
<a class="btn btn-line" href="">
<span class="text">Linkedin</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-beta">
<!-- <div class="media-bg bg-color" data-bgcolor="rgb(55, 68, 99)"></div> -->
<div class="media-content text-anim">
<div class="row justify-content-between">
<div class="col col-12 col-md-4 col-lg-6 order-lg-2">
<div class="media-image">
<img class="img-block-off" src="./img/items/img-people3.jpg" alt="Alt Text">
</div>
</div>
<div class="col col-12 col-md-4 col-lg-6">
<div class="media-body body-margin-right">
<h4 class="">Team Member</h4>
<h3 class="">The Tweens</h3>
<p>Product Developer</p>
<div class="btns-action">
<a class="btn btn-line" href="">
<span class="text">Linkedin</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider navigation -->
<nav class="items-navigation">
<!-- pagination -->
<div class="items-pagination bar"></div>
<!-- buttons -->
<div class="items-buttons">
<div class="items-button-prev">
<a class="btn btn-transp-arrow " href="">
<i class="icon">
<span class="arrow-left"></span>
</i>
<span class="text">Prev</span>
</a>
</div>
<div class="items-button-next">
<a class="btn btn-transp-arrow " href="">
<span class="text">Next</span>
<i class="icon">
<span class="arrow-right"></span>
</i>
</a>
</div>
</div>
</nav>
</div>
<!-- end of slider slider-swiper-beta -->
</div>
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Services</span>
</a>
</footer>
</div>
<!-- End of slider section -->
<!-- Begin of list services/features section -->
<div class="section section-list-feature fp-auto-height-responsive " data-section="service">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">Services</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<!-- content -->
<div class="section-content anim">
<div class="section-content-header decor">
<div class="row">
<div class="col-12 col-md-4 text-left">
<!-- title and description -->
<div class="title-desc pr-4">
<h2 class="display-5 anim-2">Our services.</h2>
</div>
</div>
<div class="col-12 col-md-8 text-left">
<!-- title and description -->
<div class="title-desc anim-4">
<p>Here are all services that we offer. This is just a placeholder
text and replace it with your awesome text.</p>
</div>
</div>
</div>
</div>
<!-- service list -->
<div class="list-items row anim-list">
<div class="item col-12 col-lg-4">
<div class="media media-service">
<div class="media-body">
<h4 class="">Concept</h4>
<p>An awesome service that we offer to you. This is just a placeholder
text.</p>
</div>
<footer class="media-footer">
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</footer>
</div>
</div>
<div class="item col-12 col-lg-4">
<div class="media media-service">
<div class="media-body">
<h4 class="">Design</h4>
<p>An awesome service that we offer to you. This is just a placeholder
text.</p>
</div>
<footer class="media-footer">
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</footer>
</div>
</div>
<div class="item col-12 col-lg-4">
<div class="media media-service mb-0">
<div class="media-body">
<h4 class="">Analytics</h4>
<p>An awesome service that we offer to you. This is just a placeholder
text.</p>
</div>
<footer class="media-footer">
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</footer>
</div>
</div>
</div>
<!-- end of service list -->
</div>
</div>
<!-- End of section wrapper -->
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Projects</span>
</a>
</footer>
</div>
<!-- End of list services/features section -->
<!-- Begin of slider section -->
<div class="section section-slider fp-auto-height-responsive fullscreen-md" data-section="projects">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">Projects</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper fullwidth anim">
<!-- begin of slider -->
<div class="slider-swiper-alpha">
<!-- slider -->
<div class="swiper-container slider-container">
<div class="item-list swiper-wrapper">
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-alpha">
<div class="media-image mask-black">
<img class="img-block" src="./img/items/img-sample4.jpg" alt="Alt Text">
</div>
<div class="media-content fade-3">
<div class="row">
<div class="col col-12 col-md-4 col-lg-4">
<div class="media-body body-margin-right text-anim">
<h4 class="">Case Study</h4>
<h3 class="">Olympic Reflex</h3>
<p>Business branding, Marketing</p>
<div class="btns-action">
<a class="btn btn-line" href="">
<span class="text">Linkedin</span>
</a>
</div>
</div>
</div>
<div class="col col-12 col-md-6 col-lg-6">
<div class="media-body centered">
<p>This is just a placeholder text. And this is a website
template, helping you to build modern and beautiful websites.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-alpha">
<div class="media-image mask-black">
<img class="img-block" src="./img/items/img-sample6.jpg" alt="Alt Text">
</div>
<div class="media-content">
<div class="row">
<div class="col col-12 col-md-4 col-lg-4">
<div class="media-body body-margin-right text-anim">
<h4 class="">Case Study</h4>
<h3 class="">Resto de l'Ouest</h3>
<p>App, Website</p>
<div class="btns-action">
<a class="btn btn-line" href="">
<span class="text">Linkedin</span>
</a>
</div>
</div>
</div>
<div class="col col-12 col-md-6 col-lg-6">
<div class="media-body centered">
<p>This is just a placeholder text. And this is a website
template, helping you to build modern and beautiful websites.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-alpha">
<div class="media-image mask-black">
<img class="img-block" src="./img/items/img-sample8.jpg" alt="Alt Text">
</div>
<div class="media-content">
<div class="row">
<div class="col col-12 col-md-4 col-lg-4">
<div class="media-body body-margin-right text-anim">
<h4 class="">Case Study</h4>
<h3 class="">Car Showroom</h3>
<p>Couverture Photo</p>
<div class="btns-action">
<a class="btn btn-line" href="">
<span class="text">Linkedin</span>
</a>
</div>
</div>
</div>
<div class="col col-12 col-md-6 col-lg-6">
<div class="media-body centered">
<p>This is just a placeholder text. And this is a website
template, helping you to build modern and beautiful websites.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider navigation -->
<nav class="items-navigation">
<!-- pagination -->
<div class="items-pagination bar"></div>
<!-- buttons -->
<div class="items-buttons">
<div class="items-button-prev">
<a class="btn btn-transp-arrow " href="">
<i class="icon">
<span class="arrow-left"></span>
</i>
<span class="text">Prev</span>
</a>
</div>
<div class="items-button-next">
<a class="btn btn-transp-arrow " href="">
<span class="text">Next</span>
<i class="icon">
<span class="arrow-right"></span>
</i>
</a>
</div>
</div>
</nav>
</div>
<!-- end of slider slider-swiper-alpha -->
</div>
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Arts</span>
</a>
</footer>
</div>
<!-- End of slider section -->
<!-- Begin of grid list section -->
<div class="section fp-auto-height-responsive " data-section="images">
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<!-- content -->
<div class="section-content anim">
<div class="title-desc title-margin text-center">
<h2 class="display-3 display-title anim-2">Art selection</h2>
<p class="anim-3">Here are some amazing arts. This is just a placeholder text.</p>
</div>
<div class="row row-random grid-media-aside-text fade-3">
<!-- an item -->
<div class="item col col-12 col-md-6 text-left">
<div class="media-aside-text">
<div class="media-image">
<img src="./img/items/img-portrait2.jpg" alt="Alt Text">
</div>
<div class="media-body">
<h4 class="">Le saut</h4>
<p>Art, Photography</p>
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</div>
</div>
</div>
<!-- an item -->
<div class="item col col-12 col-md-6 text-left">
<div class="media-aside-text">
<div class="media-image">
<img src="./img/items/img-portrait3.jpg" alt="Alt Text">
</div>
<div class="media-body">
<h4 class="">Fraise Ice</h4>
<p>Art culinaire</p>
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</div>
</div>
</div>
<!-- an item -->
<div class="item col col-12 col-md-6 text-left">
<div class="media-aside-text">
<div class="media-image">
<img src="./img/items/img-portrait1.jpg" alt="Alt Text">
</div>
<div class="media-body">
<h4 class="">Pink Tree</h4>
<p>October 1960</p>
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</div>
</div>
</div>
<!-- an item -->
<div class="item col col-12 col-md-6 text-left">
<div class="media-aside-text">
<div class="media-image">
<img src="./img/items/img-portrait4.jpg" alt="Alt Text">
</div>
<div class="media-body">
<h4 class="">Chaudière</h4>
<p>Interior design</p>
<a class="btn btn-line" href="./item.html">
<span class="text">Details</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of section wrapper -->
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Products</span>
</a>
</footer>
</div>
<!-- End of grid list section -->
<!-- Begin of slider/quotes section -->
<div class="section section-list-feature fp-auto-height-responsive " data-section="testimony">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">Reviews</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<!-- content -->
<div class="section-content anim">
<div class="section-content-header">
<div class="row">
<div class="col-12 col-md-4 text-left">
<!-- title and description -->
<div class="title-desc pr-4">
<h2 class="display-5 anim-2">They trust us.</h2>
</div>
</div>
<div class="col-12 col-md-8 text-left">
<!-- title and description -->
<div class="title-desc anim-4">
<p>More than 100 customers trust us. This is just a placeholder text
and replace it with your awesome text.</p>
</div>
<!-- number list -->
<div class="list-items row anim-list">
<div class="item col-6 col-lg-4">
<div class="media media-number">
<div class="media-body">
<h4 class="">48+</h4>
<p>working hours.</p>
</div>
</div>
</div>
<div class="item col-6 col-lg-4">
<div class="media media-number">
<div class="media-body">
<h4 class="">100</h4>
<p>customers.</p>
</div>
</div>
</div>
<div class="item col-6 col-lg-4">
<div class="media media-number">
<div class="media-body">
<h4 class="">100</h4>
<p>products.</p>
</div>
</div>
</div>
</div>
<!-- end of number list -->
</div>
</div>
</div>
<!-- begin of slider -->
<div class="slider-swiper-gamma anim-5">
<!-- slider content-->
<div class="swiper-container slider-container">
<div class="item-list swiper-wrapper">
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-gamma">
<div class="media-content text-anim">
<div class="row">
<div class="col col-12 col-md-4 col-lg-4">
<div class="media-image">
<img class="logo" src="./img/icons/client1.png" alt="Alt Text">
</div>
</div>
<div class="col col-12 col-md-6 col-lg-6">
<div class="media-body">
<p>We got a better than expected result from them. This
is a sample testimony text so just replace it.</p>
<h4 class="">Henry K. CM Spiral Tech</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-gamma">
<div class="media-content text-anim">
<div class="row">
<div class="col col-12 col-md-4 col-lg-4">
<div class="media-image">
<img class="logo" src="./img/icons/client2.png" alt="Alt Text">
</div>
</div>
<div class="col col-12 col-md-6 col-lg-6">
<div class="media-body">
<p>We got a better than expected result from them. This
is a sample testimony text so just replace it.</p>
<h4 class="">John C. CEO First Startup</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- item -->
<div class="swiper-slide">
<div class="media-slide-item-gamma">
<div class="media-content text-anim">
<div class="row">
<div class="col col-12 col-md-4 col-lg-4">
<div class="media-image">
<img class="logo" src="./img/icons/client3.png" alt="Alt Text">
</div>
</div>
<div class="col col-12 col-md-6 col-lg-6">
<div class="media-body">
<p>We got a better than expected result from them. This
is a sample testimony text so just replace it.</p>
<h4 class="">Dave B. CEO Bravo</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider navigation -->
<nav class="items-navigation">
<!-- pagination -->
<div class="items-pagination bar"></div>
</nav>
</div>
<!-- end of slider slider-swiper-gamma-->
</div>
</div>
<!-- End of section wrapper -->
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Subscribe</span>
</a>
</footer>
</div>
<!-- End of slider/quotes section -->
<!-- Begin of register/login/signin section -->
<div class="section section-register fp-auto-height-responsive " data-section="register">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">Subscribe</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<!-- content -->
<div class="section-content anim">
<div class="row">
<div class="col-12 col-md-4 text-left">
<!-- title and description -->
<div class="title-desc pr-4">
<h2 class="display-5 anim-2">Call to action.</h2>
</div>
</div>
<div class="col-12 col-md-8">
<!-- form container form-container-signup-->
<div class="form-container-signup">
<form class="send_email_form form-container" method="post" action="ajaxserver/serverfile.php">
<div class="form-desc">
<p class="invite anim-4">Don't miss any news via email ! Register email if you agree :</p>
<div class="notice">
<span class="asterisk">*</span>you agree to send email</div>
</div>
<div class="form-input anim-5">
<div class="row">
<div class="col-12 col-md-8 col-lg-10">
<div class="form-group form-success-gone">
<label for="reg-email">Email Address *</label>
<input id="reg-email" name="email" class="form-control-line form-control-white" type="email"
required placeholder="your@email.address" data-validation-type="email"
/>
</div>
<div class="form-group form-success-gone mb-0">
<button id="submit-email" name="submit_email" class="btn btn-outline-white form-success-gone mb-0">
<span class="text">Subscribe</span>
</button>
</div>
</div>
<div class="col-12 col-md-4 col-lg-2">
</div>
</div>
<div class="form-group mb-0">
<div>
<p class="email-ok invisible form-text-feedback form-success-visible">Your email has been registred, thank you.</p>
</div>
</div>
</div>
</form>
<!-- END send_email_form -->
</div>
<!-- End of form container form-container-signup-->
</div>
</div>
</div>
<!-- end of content -->
</div>
<!-- End of section wrapper -->
<!-- Arrows scroll down/up -->
<footer class="section-footer scrolldown">
<a class="down">
<span class="icon"></span>
<span class="txt">Contact</span>
</a>
</footer>
</div>
<!-- End of register/login/signin section -->
<!-- Begin of contact section -->
<div class="section section-contact fp-auto-height-responsive " data-section="contact-info">
<!-- title -->
<div class="section-title text-center anim">
<h2 class="title-bg">Contact</h2>
</div>
<!-- Begin of section wrapper -->
<div class="section-wrapper with-margin">
<div class="section-content">
<div class="row">
<!-- begin of title content -->
<div class="col-12 col-lg-4 anim">
<div class="title-desc pr-4">
<h2 class="display-5 anim-2">Let's Talk.</h2>
</div>
<!-- Action button -->
<div class="btns-action anim-3 contact-btns-action mb-4">
<a class="btn btn-line show-contact-information" href="#">
<span class="text">Information</span>
</a>
<a class="btn btn-line show-contact-message" href="#">
<span class="text">Message</span>
</a>
</div>
</div>
<!-- end of title content -->
<!-- begin of desc content -->
<div class="col-12 col-lg-8">
<!-- content -->
<div class="section-content anim text-left">
<!-- begin of slider -->
<div class="slider-swiper-contact">
<!-- slider content-->
<div class="swiper-container slider-container">
<div class="item-list swiper-wrapper">
<!-- contact-information-slide -->
<div class="swiper-slide contact-information-slide">
<div class="contact-information" id="contact-information">
<!-- title and description -->
<div class="title-desc mb-0">
<div class="anim-4">
<p>Want to start an awesome projects or have questions
about our company and products found on our stores?
Feel free to talk to us, we will be happy to answser
you. Here is how to reach us:
</p>
</div>
<div class="address-container anim-5">
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<h4 class="display-6 display-decor">Contact</h4>
<p>Call: 01 234 567 89</p>
<p>Email: ouremail@domain.com</p>
<div class="icons icons-margin">
<a class="btn-icon" href="#">
<i class="icon fa fa-instagram"></i>
</a>
<a class="btn-icon" href="#">
<i class="icon fa fa-twitter"></i>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6">
<h4 class="display-6 display-decor">Address</h4>
<p>
Company address
<br>12 Street Turning Place
<br>South Est, Antartica
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end of contact-information-slide -->
<!-- contact-message-slide -->
<div class="swiper-slide contact-message-slide">
<div class="contact-message">
<!-- title and description -->
<div class="title-desc">
<p class="">For questions about our company and products found on
our stores. Cras vitae neque molestie, rhoncus ipsum
sit amet, lobortis dui. Fusce in urna sem.</p>
</div>
<!-- begin of message container -->
<div class="message-form">
<div class="form-container form-container-card">
<!-- Message form container -->
<form class="send_message_form message form" method="post" action="ajaxserver/serverfile.php"
id="message_form">
<div class="row">
<div class="col-12 col-lg-6">
<div class="form-group name">
<input id="mes-name" name="name" type="text" placeholder="Name" class="form-control form-control-outline input-full thick form-success-clean"
required>
</div>
<div class="form-group email">
<input id="mes-email" type="email" placeholder="Email" name="email" class="form-control form-control-outline input-full thick form-success-clean"
required>
</div>
<div class="form-group no-border">
<textarea id="mes-text" placeholder="Message ..." name="message" class="form-control form-control-outline thick form-success-clean"
required></textarea>
<div>
<p class="message-ok invisible form-text-feedback form-success-visible">Your message has been sent, thank you.</p>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<button id="submit-message" class="btn btn-outline-white email_b" name="submit_message">
<span class="txt">Send Now</span>
<span class="arrow-icon"></span>
</button>
</div>
</div>
</form>
</div>
</div>
<!-- end of message container -->
</div>
</div>
<!-- end of contact-message-slide -->
</div>
</div>
</div>
<!-- end of slider slider-swiper-gamma-->
</div>
</div>
<!-- end of desc content -->
</div>
</div>
</div>
<!-- End of section wrapper -->
</div>
<!-- End of contact section -->
</main>
<!-- END OF page main content -->
<!-- BEGIN OF page footer -->
<footer id="site-footer" class="page-footer d-none d-lg-block">
<!-- Left content -->
<div class="footer-left">
<ul class="social">
<li>
<a href="//twitter/miradontsoa">
<i class="icon fa fa-twitter"></i>
</a>
</li>
<li>
<a href="//instagram.com/miradontsoa">
<i class="icon fa fa-instagram"></i>
</a>
</li>
</ul>
</div>
</footer>
<!-- END OF site footer -->
<!-- scripts -->
<!-- All Javascript plugins goes here -->
<script src="./js/vendor/jquery-1.12.4.min.js"></script>
<!-- All vendor scripts -->
<script src="./js/vendor/scrolloverflow.min.js"></script>
<script src="./js/vendor/all.js"></script>
<script src="./js/particlejs/particles.min.js"></script>
<!-- Countdown script -->
<script src="./js/jquery.downCount.js"></script>
<!-- Form script -->
<script src="./js/form_script.js"></script>
<!-- Javascript main files -->
<script src="./js/main.js"></script>
</body>
</html>