?
| Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/parallax/ |
| Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/parallax/blog-right.html |
<!DOCTYPE html>
<html lang="en">
<head>
<title>MegaOne - Parallax</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Download the best Creative Portfolio HTML Template in 2018" />
<meta name="author" content="Themesindustry">
<meta charset="UTF-8" />
<link rel="icon" href="img/favicon.jpg" />
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="../parallax/css/pagepiling.css">
<link rel="stylesheet" href="../parallax/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90" id="blog" class="bg-white blog-left" >
<!--Header Start-->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-standard">
<div class="container">
<a href="javascript:void(0)" title="Logo" class="link logo scroll">
<!--Logo Default-->
<img src="img/logo-white.png" class="logo-dark" alt="logo">
</a>
<ul id="menu" class="d-none d-lg-block alt-font">
<li ><a class="link leater-space" href="../index-parallax.html">Home</a></li>
<li><a class="link leater-space" href="../index-parallax.html">Services</a></li>
<li><a class="link leater-space" href="../index-parallax.html">Team</a></li>
<li><a class="link leater-space" href="../index-parallax.html">About Us</a></li>
<li><a class="link leater-space" href="../index-parallax.html">Portfolio</a></li>
<li><a class="link leater-space" href="../index-parallax.html">Contact</a></li>
</ul>
<!--Side Menu Button-->
<div class="side-nav-btn animated-wrap" id="sidemenu_toggle">
<div class="animated-element">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</nav>
<!-- side menu -->
<div class="side-menu">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav">
<ul class="navbar-nav" id="side-menu">
<li class="nav-item">
<a class="nav-link link" href="../index-parallax.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link link" href="../index-parallax.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link link" href="../index-parallax.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link link" href="../index-parallax.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link link" href="../index-parallax.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link link" href="../index-parallax.html">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li><a href="#." class="facebook_bg_hvr2"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
<li><a href="#." class="twitter_bg_hvr2"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
<li><a href="#." class="instagram_bg_hvr2"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
</ul>
<p class="whitecolor">© 2018 MegaOne. Made With Love by <a class="web-link text-white" href="http://www.themesindustry.com/" target="_blank">Themesindustry</a></p>
</div>
</div>
</div>
<!-- End side menu -->
</header>
<section class="blog-banner">
<div class="container">
<h1>Our Blog</h1>
<p>We offer the most creative web designs.</p>
</div>
</section>
<section class="blog-body">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-8">
<article class="blog-classic">
<div class="post-thumbnail">
<img src="img/blog-list-img1.jpg" alt="this is a post">
</div>
<h2 class="post-title">
<a href="#" rel="bookmark">Minimal Post With A Preview Image</a>
</h2>
<div class="post-details alt-font">
July 24, 2019<span class="post-date"></span> <span class="post-separator">|</span>
<span class="post-author">
By <a href="http://wexim.acrothemes.com/standard/author/admin/">Mark Anderson</a>
</span>
<span class="post-separator">|</span>
<span class="post-categories single">
<span class="cat-links"><a href="http://wexim.acrothemes.com/standard/category/fashion/" rel="category tag">Fashion</a>, <a href="http://wexim.acrothemes.com/standard/category/travel/" rel="category tag">Travel</a></span>
</span>
<span class="post-separator">|</span>
</div>
<div class="post-content">
<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn btn-large btn-blue btn-rounded" href="#">Read More</a>
</div>
</article>
<article class="blog-classic">
<div class="post-thumbnail position-relative">
<img src="img/blog-list-img2.jpg" alt="this is a post">
</div>
<h2 class="post-title">
<a href="#" rel="bookmark">Minimal Post With A Preview Image</a>
</h2>
<div class="post-details alt-font">
July 24, 2019<span class="post-date"></span> <span class="post-separator">|</span>
<span class="post-author">
By <a href="#">Mark Anderson</a>
</span>
<span class="post-separator">|</span>
<span class="post-categories single">
<span class="cat-links"><a href="http://wexim.acrothemes.com/standard/category/fashion/" rel="category tag">Fashion</a>, <a href="http://wexim.acrothemes.com/standard/category/travel/" rel="category tag">Travel</a></span>
</span>
<span class="post-separator">|</span>
</div>
<div class="post-content">
<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn btn-large btn-blue btn-rounded" href="#">Read More</a>
</div>
</article>
<article class="blog-classic">
<ul class="gallery-projects row">
<li class="col-4 p-0">
<a href="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery3-1200x750.jpg" data-fancybox="gallery">
<img src="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery3-370x350.jpg" alt="image" >
<div class="img-hover">
<i class="fa fa-search-plus"></i>
</div>
</a>
</li>
<li class="col-4 p-0">
<a href="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery2-1200x750.jpg" data-fancybox="gallery">
<img src="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery2-370x350.jpg" alt="image" >
<div class="img-hover">
<i class="fa fa-search-plus"></i>
</div>
</a>
</li>
<li class="col-4 p-0">
<a href="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery1-1200x750.jpg" data-fancybox="gallery">
<img src="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery1-370x350.jpg" alt="image" >
<div class="img-hover">
<i class="fa fa-search-plus"></i>
</div>
</a>
</li>
<li class="col-4 p-0">
<a href="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery4-1200x750.jpg" data-fancybox="gallery">
<img src="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery4-370x350.jpg" alt="image" >
<div class="img-hover">
<i class="fa fa-search-plus"></i>
</div>
</a>
</li>
<li class="col-4 p-0">
<a href="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery5-1200x750.jpg" data-fancybox="gallery">
<img src="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery5-370x350.jpg" alt="image" >
<div class="img-hover">
<i class="fa fa-search-plus"></i>
</div>
</a>
</li>
<li class="col-4 p-0">
<a href="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery6-1200x750.jpg" data-fancybox="gallery">
<img src="http://wexim.acrothemes.com/standard/wp-content/uploads/sites/2/2019/07/gallery6-370x350.jpg" alt="image" >
<div class="img-hover">
<i class="fa fa-search-plus"></i>
</div>
</a>
</li>
</ul>
<h2 class="post-title">
<a href="#" rel="bookmark">Minimal Post With A Preview Image</a>
</h2>
<div class="post-details alt-font">
July 24, 2019<span class="post-date"></span> <span class="post-separator">|</span>
<span class="post-author">
By <a href="http://wexim.acrothemes.com/standard/author/admin/">Mark Anderson</a>
</span>
<span class="post-separator">|</span>
<span class="post-categories single">
<span class="cat-links"><a href="http://wexim.acrothemes.com/standard/category/fashion/" rel="category tag">Fashion</a>, <a href="http://wexim.acrothemes.com/standard/category/travel/" rel="category tag">Travel</a></span>
</span>
<span class="post-separator">|</span>
</div>
<div class="post-content">
<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn btn-large btn-blue btn-rounded" href="#">Read More</a>
</div>
</article>
<article class="blog-classic">
<div class="post-thumbnail">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img/blog-slide-2.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/blog-slide-1.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/blog-slide-3.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/blog-slide-4.jpg" alt="Second slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<h2 class="post-title">
<a href="#" rel="bookmark">Minimal Post With A Preview Image</a>
</h2>
<div class="post-details alt-font">
July 24, 2019<span class="post-date"></span> <span class="post-separator">|</span>
<span class="post-author">
By <a href="http://wexim.acrothemes.com/standard/author/admin/">Mark Anderson</a>
</span>
<span class="post-separator">|</span>
<span class="post-categories single">
<span class="cat-links"><a href="http://wexim.acrothemes.com/standard/category/fashion/" rel="category tag">Fashion</a>, <a href="http://wexim.acrothemes.com/standard/category/travel/" rel="category tag">Travel</a></span>
</span>
<span class="post-separator">|</span>
</div>
<div class="post-content">
<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn btn-large btn-blue btn-rounded" href="#">Read More</a>
</div>
</article>
<nav class="pagination blog-post-navigation" aria-label="Posts navigation">
<span aria-current="page" class="page-link current">1</span><a class="page-link" href="blog-left.html">2</a><a class="page-link" href="blog-left.html">3</a><a class="next page-link" href="blog-left.html"><span class="pagination-next">Next</span> <i class="fa fa-arrow-right"></i></a></nav>
</div>
<div class="col-md-12 col-lg-4">
<div class="blog-search">
<div class="form-group has-search">
<span class="fa fa-search form-control-feedback"></span>
<input type="text" class="form-control" placeholder="Search">
</div>
</div>
<div class="blog-topic">
<h5 class="mb-4">Category</h5>
<ul>
<li><a href="">ART </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">FASHION </a> <span class="dots"></span> <p>5</p></li>
<li><a href="">PHOTOGRAPHY </a> <span class="dots"></span> <p>12</p></li>
<li><a href="">LIFESTYLE </a> <span class="dots"></span> <p>22</p></li>
<li><a href="">MOTIVATION </a> <span class="dots"></span> <p>1</p></li>
</ul>
</div>
<div class="blog-post">
<h5 class="mb-4">Popular Post</h5>
<div class="media">
<a href="img/blog-thumb1.jpg"> <img src="img/blog-thumb1.jpg" class="mr-3" alt="..."></a>
<div class="media-body">
<h5 class="mt-1">Standard Post With A Image Galary</h5>
<p><span class="date">July 24,2019</span> | <span class="author">By</span><a href="#"> Mark Anderson</a></p>
</div>
</div>
<div class="media">
<a href="img/blog-thumb2.jpg"><img src="img/blog-thumb2.jpg" class="mr-3" alt="..."></a>
<div class="media-body">
<h5 class="mt-1">Standard Post With A Image Galary</h5>
<p><span class="date">July 24,2019</span> | <span class="author">By</span><a href="#"> Mark Anderson</a></p>
</div>
</div>
<div class="media">
<a href="img/blog-thumb3.jpg"><img src="img/blog-thumb3.jpg" class="mr-3" alt="..."></a>
<div class="media-body">
<h5 class="mt-1">Standard Post With A Image Galary</h5>
<p><span class="date">July 24,2019</span> | <span class="author">By</span><a href="#"> Mark Anderson</a></p>
</div>
</div>
</div>
<div class="blog-tags-sec">
<h5 class="mb-4">Tags</h5>
<!--list-->
<ul class="list-unstyled blog-tags m-0">
<li><a href="#.">Corporate</a></li>
<li><a href="#.">Creative</a></li>
<li><a href="#.">Finance</a></li>
<li><a href="#.">Digital</a></li>
<li><a href="#.">Single</a></li>
<li><a href="#.">Designer</a></li>
<li><a href="#.">Web Developer</a></li>
<li><a href="#.">Developer</a></li>
<li><a href="#.">Classic</a></li>
</ul>
</div>
<div class="blog-archives">
<h5 class="mb-4">Archives</h5>
<ul>
<li><a href="">June </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">July </a> <span class="dots"></span> <p>4</p></li>
<li><a href="">Augest </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">March </a> <span class="dots"></span> <p>7</p></li>
<li><a href="">May </a> <span class="dots"></span> <p>9</p></li>
</ul>
</div>
<div class="blog-advertise">
<img src="img/advertisment.jpg" alt="this is advertisment">
</div>
</div>
</div>
</div>
</section>
<!-- Site Fotter -->
<section class="pt-5 pb-5 text-center text-lg-left mr-5 ml-5 wow fadeInDown">
<div class="container pl-3">
<h2 class="d-none">1</h2>
<div class="row">
<div class="foter-logo">
<img src="img/logo-black.png" alt="img" class="m-3">
<p class="copyrights wow fadeInUp no-margin" data-wow-delay="350ms"> Copyright 2019 PALEX. rights
reserved. Made with <img src="img/heart.png" alt="png"> by <a href="#.">Themes Industry</a></p>
</div>
</div>
</div>
</section>
<!-- Ends Site Fotter -->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/jquery.appear.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../parallax/js/script.js"></script>
</body>
</html>