first commit

This commit is contained in:
maher
2025-10-30 13:13:41 +01:00
commit ecd64aad53
404 changed files with 82238 additions and 0 deletions

View File

@@ -0,0 +1,126 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail Annonce {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_annonce_index') }}">Annonce</a></li>
<li class='active'>Détail Annonce</li>
</ul>
</div>
</div>
<!-- /.breadcrumb -->
<div class="body-content outer-bottom-xs">
<div class='row single-product'>
<!-- ============================================== Testimonials: END ============================================== -->
<!-- /.sidebar -->
<div class="detail-block">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 gallery-holder">
<div class="product-item-holder size-big single-product-gallery small-gallery">
<div id="owl-single-product">
<!-- /.single-product-gallery-item -->
{% for key,image in annonce.getAllImage() %}
<div class="single-product-gallery-item" id="slide{{key}}">
<a data-lightbox="image-{{key}}" data-title="Gallery" href="{{ asset('uploads/images/annonces/' ~ image ) }}">
<img class="img-responsive" alt="" src="{{ asset('uploads/images/annonces/' ~ image) }}" data-echo="{{ asset('uploads/images/annonces/' ~ image ) }}" />
</a>
</div>
{% endfor %}
<!-- /.single-product-gallery-item -->
</div>
<!-- /.single-product-slider -->
<div class="single-product-gallery-thumbs gallery-thumbs">
<div id="owl-single-product-thumbnails">
{% for key,image in annonce.getAllImage() %}
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="{{ key }}" href="#slide{{ key }}">
<img class="img-responsive" alt="" src="{{ asset('uploads/images/annonces/' ~ image) }}" data-echo="{{ asset('uploads/images/annonces/' ~ image) }}" />
</a>
</div>
{% endfor %}
</div>
<!-- /#owl-single-product-thumbnails -->
</div>
<!-- /.gallery-thumbs -->
</div>
<!-- /.single-product-gallery -->
</div>
<!-- /.gallery-holder -->
<div class='col-sm-12 col-md-8 col-lg-8 product-info-block'>
<div class="product-info">
<h1 class="name">{{ annonce.getTitre() }}</h1>
<div class="rating-reviews m-t-20">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="rating rateit-small"></div>
</div>
<div class="pull-left">
<div class="reviews">
<a href="#" class="lnk">(13 Reviews)</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.stock-container -->
<div class="price-container info-container m-t-30">
<div class="row">
<div class="col-sm-6 col-xs-6">
<div class="price-box">
<span class="price">{{ annonce.getPrixPromo() }} DT</span>
<span class="price-strike">{{ annonce.getPrixMarche() }} DT</span>
</div>
</div>
<div class="col-sm-6 col-xs-6">
<div class="favorite-button m-t-5">
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Wishlist" href="#">
<i class="fa fa-heart"></i>
</a>
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="E-mail" href="#">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.quantity-container -->
</div>
<!-- /.product-info -->
</div>
<!-- /.col-sm-7 -->
</div>
<!-- /.row -->
<div class="description-container m-t-20">
{{ annonce.getDescription()|raw }}
</div>
<!-- /.description-container -->
</div>
</div>
<!-- /.row -->
</div>
<!-- /.body-content -->
{% set comments = annonce.getCommentAnnonces() %}
{% include 'frontend/comment/comments.html.twig' %}
{{ render(controller(
'App\\Controller\\Frontend\\CommentController::annonce_add',
{ 'id': annonce.getId() }
)) }}
{% endblock %}

View File

@@ -0,0 +1,38 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail Annonce {% endblock %}
{% block content %}
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_annonce_index') }}">Annonce</a></li>
<li class="active">Détail Annonce</li>
</ul>
</div>
<!-- /.breadcrumb-inner -->
</div>
<div class="body-content">
<div class="row">
<div class="blog-page">
<div class="blog-post wow fadeInUp">
<img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ annonce.getImageDetail1()) }}" alt="{{ annonce.getTitre() }}">
<h1>{{ annonce.getTitre() }}</h1>
<span><i class="fa-solid fa-building"></i> {{ annonce.getSociete().getNom() }}</span>
<span class="date-time">{{ annonce.getDateUpdate()|date("d/m/Y H:i:s") }}</span>
<span><i class="fa-solid fa-list"></i> {{ annonce.getCategorie().getNom() }}</span>
<p>{{ annonce.getDescription()|raw }}</p>
</div>
</div>
</div>
</div>
<!-- /.info-boxes -->
<!-- ============================================== INFO BOXES : END ============================================== -->
{% endblock %}

View File

@@ -0,0 +1,47 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Annonces {% endblock %}
{% block content %}
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li class='active'><a href="#">Annonces</a></li>
</ul>
</div>
</div>
<div class="body-content outer-top-vs" id="top-banner-and-menu">
<div class="wide-banners outer-bottom-vs">
<div class="row">
{% for annonce in annonces %}
<div class="col-md-3 col-sm-3">
<div class="wide-banner cnt-strip">
<a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ annonce.getImageSearch()) }}" alt="{{ annonce.getTitre() }}">
</div>
</a>
</div>
<br><br>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,192 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail Article {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_article_service_index') }}">Article et Service</a></li>
<li class="active">Détail Article</li>
</ul>
</div>
</div>
{% include 'frontend/basic/alert.html.twig' %}
<style>
.img-resp{
max-width: 402px;
max-height: 380px;
}
</style>
<!-- /.breadcrumb -->
<div class="body-content outer-bottom-xs">
<div class='row single-product'>
<!-- ============================================== Testimonials: END ============================================== -->
<!-- /.sidebar -->
<div class="detail-block">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 gallery-holder">
<div class="product-item-holder size-big single-product-gallery small-gallery">
<div id="owl-single-product">
<!-- /.single-product-gallery-item -->
{% for key,image in article.getAllImage() %}
<div class="single-product-gallery-item" id="slide{{key}}">
<a data-lightbox="image-{{key}}" data-title="Gallery" href="{{ asset('uploads/images/articles/' ~ image ) }}">
<img class="img-responsive img-resp" alt="" src="{{ asset('uploads/images/articles/' ~ image) }}" data-echo="{{ asset('uploads/images/articles/' ~ image ) }}" />
</a>
</div>
{% endfor %}
<!-- /.single-product-gallery-item -->
</div>
<!-- /.single-product-slider -->
<div class="single-product-gallery-thumbs gallery-thumbs">
<div id="owl-single-product-thumbnails">
{% for key,image in article.getAllImage() %}
<div class="item {% if key == 1 %} active {% endif %}">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="{{ key }}" href="#slide{{ key }}">
<img class="img-responsive" alt="" src="{{ asset('uploads/images/articles/' ~ image) }}" data-echo="{{ asset('uploads/images/articles/' ~ image) }}" />
</a>
</div>
{% endfor %}
</div>
<!-- /#owl-single-product-thumbnails -->
</div>
<!-- /.gallery-thumbs -->
</div>
<!-- /.single-product-gallery -->
</div>
<!-- /.gallery-holder -->
<div class='col-sm-12 col-md-8 col-lg-8 product-info-block'>
<div class="product-info">
<h1 class="name">{{ article.getTitre() }}</h1>
<div class="rating-reviews m-t-20">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="rating rateit-small"></div>
</div>
<div class="pull-left">
<div class="reviews">
<a href="#" class="lnk">(13 Reviews)</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.rating-reviews -->
<div class="stock-container info-container m-t-10">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="stock-box">
<span class="label">Exemplaire(s) en Stock: </span>
</div>
</div>
<div class="pull-left">
<div class="stock-box">
<span class="value">{{ article.getLimitQuantite() }}</span>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.stock-container -->
<div class="price-container info-container m-t-30">
<div class="row">
<div class="col-sm-6 col-xs-6">
<div class="price-box">
<span class="price">{{ article.getPrixPromo() }} DT</span>
<span class="price-strike">{{ article.getPrixMarche() }} DT</span>
</div>
</div>
<div class="col-sm-6 col-xs-6">
<div class="favorite-button m-t-5">
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Wishlist" href="#">
<i class="fa fa-heart"></i>
</a>
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="E-mail" href="#">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.price-container -->
<div class="quantity-container info-container">
<div class="row">
<div class="qty">
<span class="label">Qty :</span>
</div>
<div class="qty-count">
<div class="cart-quantity">
<div class="quant-input">
<div class="arrows">
<div class="arrow plus gradient" id="qty-asc"><span class="ir"><i class="icon fa fa-sort-asc"></i></span></div>
<div class="arrow minus gradient" id="qty-desc"><span class="ir"><i class="icon fa fa-sort-desc"></i></span></div>
</div>
<input type="text" value="1" id="qty-val">
</div>
</div>
</div>
<div class="add-btn">
<button class="btn btn-primary" id="addPanier">
<i class="fa fa-shopping-cart inner-right-vs"></i>
Ajouter au panier
</button>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.quantity-container -->
</div>
<!-- /.product-info -->
</div>
<!-- /.col-sm-7 -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.row -->
</div>
<!-- /.body-content -->
<!-- /.description-container -->
<div class="blog-page">
<div class="blog-review wow fadeInUp">
<div class="row">
<div class="col-md-12">
<div class="description-container m-t-20">
{{ article.getDescription()|raw }}
</div>
</div>
</div>
</div>
</div>
<br><br>
{% set comments = article.getCommentArticles() %}
{% include 'frontend/comment/comments.html.twig' %}
{{ render(controller(
'App\\Controller\\Frontend\\CommentController::article_add',
{ 'id': article.getId() }
)) }}
{% endblock %}
{% block javascripts %}
<script>
var pathAddArticlePanier = "{{ path('frontend_panier_add_article', {id: article.id }) }}";
</script>
{{ parent() }}
{{ encore_entry_script_tags('app_frontend_article_service') }}
{% endblock %}

View File

@@ -0,0 +1,59 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Article et Service {% endblock %}
{% block content %}
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li class='active'><a href="#">Article et Service</a></li>
</ul>
</div>
</div>
<div class="body-content outer-top-vs" id="top-banner-and-menu">
<div class="wide-banners outer-bottom-vs">
<div class="row">
{% for i in 0..leng %}
{% if articles[i] is defined %}
<div class="col-md-3 col-sm-3">
<div class="wide-banner cnt-strip">
<a href="{{ path('frontend_article_detail', {id:articles[i].getId()} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/articles/' ~ articles[i].getImageDefault()) }}" alt="{{ articles[i].getTitre() }}">
</div>
</a>
</div>
<br><br>
</div>
{% endif %}
{% if services[i] is defined %}
<div class="col-md-3 col-sm-3">
<div class="wide-banner cnt-strip">
<a href="{{ path('frontend_service_detail', {id:services[i].getId()} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/services/' ~ services[i].getImageDefault()) }}" alt="{{ services[i].getTitre() }}">
</div>
</a>
</div>
<br><br>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,202 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail service {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_article_service_index') }}">Article et Service</a></li>
<li class="active">Détail Service</li>
</ul>
</div>
<!-- /.breadcrumb-inner -->
</div>
<style>
.img-resp{
max-width: 402px;
max-height: 380px;
}
</style>
<!-- /.breadcrumb -->
<div class="body-content outer-bottom-xs">
<div class='row single-product'>
<!-- ============================================== Testimonials: END ============================================== -->
<!-- /.sidebar -->
<div class="detail-block">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 gallery-holder">
<div class="product-item-holder size-big single-product-gallery small-gallery">
<div id="owl-single-product">
<!-- /.single-product-gallery-item -->
{% for key,image in service.getAllImage() %}
<div class="single-product-gallery-item" id="slide{{key}}">
<a data-lightbox="image-{{key}}" data-title="Gallery" href="{{ asset('uploads/images/services/' ~ image ) }}">
<img class="img-responsive img-resp" alt="" src="{{ asset('uploads/images/services/' ~ image) }}" data-echo="{{ asset('uploads/images/services/' ~ image ) }}" />
</a>
</div>
{% endfor %}
<!-- /.single-product-gallery-item -->
</div>
<!-- /.single-product-slider -->
<div class="single-product-gallery-thumbs gallery-thumbs">
<div id="owl-single-product-thumbnails">
{% for key,image in service.getAllImage() %}
<div class="item {% if key == 1 %} active {% endif %}">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="{{ key }}" href="#slide{{ key }}">
<img class="img-responsive" alt="" src="{{ asset('uploads/images/services/' ~ image) }}" data-echo="{{ asset('uploads/images/services/' ~ image) }}" />
</a>
</div>
{% endfor %}
</div>
<!-- /#owl-single-product-thumbnails -->
</div>
<!-- /.gallery-thumbs -->
</div>
<!-- /.single-product-gallery -->
</div>
<!-- /.gallery-holder -->
<div class='col-sm-12 col-md-8 col-lg-8 product-info-block'>
<div class="product-info">
<h1 class="name">{{ service.getTitre() }}</h1>
<div class="rating-reviews m-t-20">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="rating rateit-small"></div>
</div>
<div class="pull-left">
<div class="reviews">
<a href="#" class="lnk">(13 Reviews)</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.rating-reviews -->
<div class="stock-container info-container m-t-10">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="stock-box">
<span class="label">Rendez-vous Disponible: </span>
</div>
</div>
<div class="pull-left">
<div class="stock-box">
<span class="value">{{ service.getServiceRdvReservations()|length }}</span>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.stock-container -->
<div class="price-container info-container m-t-30">
<div class="row">
<div class="col-sm-6 col-xs-6">
<div class="price-box">
<span class="price">{{ service.getPrixPromo() }} DT</span>
<span class="price-strike">{{ service.getPrixMarche() }} DT</span>
</div>
</div>
<div class="col-sm-6 col-xs-6">
<div class="favorite-button m-t-5">
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Wishlist" href="#">
<i class="fa fa-heart"></i>
</a>
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="E-mail" href="#">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.price-container -->
<div class="quantity-container info-container">
<div class="row">
<div class="col-md-3 col-md-offset-3">
<div class="add-btn">
<button class="btn btn-primary" id="btn-show-rdv" data-toggle="modal" data-target="#modal-rdv">
<i class="fa-regular fa-calendar-check"></i>
Prendre un rendrez-vous
</button>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.quantity-container -->
</div>
<!-- /.product-info -->
</div>
<!-- /.col-sm-7 -->
</div>
<!-- /.row -->
</div>
</div>
<!-- /.row -->
</div>
<!-- /.body-content -->
<div class="blog-page">
<div class="blog-review wow fadeInUp">
<div class="row">
<div class="col-md-12">
<div class="description-container m-t-20">
{{ service.getDescription()|raw }}
<!-- /.description-container -->
</div>
</div>
</div>
</div>
</div>
<br><br>
{% set comments = service.getCommentServices() %}
{% include 'frontend/comment/comments.html.twig' %}
{{ render(controller(
'App\\Controller\\Frontend\\CommentController::service_add',
{ 'id': service.getId() }
)) }}
<div class="modal fade" id="modal-rdv" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-body" id="modal-body-rdv">
<table class="table table-bordered" id="dataTablesRdv" width="100%" cellspacing="0">
<thead>
<tr><th>#</th><th>Nom</th></tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script>
var pathGetListRDV = "{{ path('frontend_service_get_list_rdv', {id:service.id}) }}";
var pathSelectRDV = "{{ path('frontend_service_select_rdv') }}";
</script>
{{ parent() }}
{{ encore_entry_script_tags('app_frontend_article_service') }}
{% endblock %}

View File

@@ -0,0 +1,57 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail service {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_article_service_index') }}">Article et Service</a></li>
<li class="active">Rendez-vous sélectionné</li>
</ul>
</div>
<!-- /.breadcrumb-inner -->
</div>
<!-- /.breadcrumb -->
<div class="body-content">
<div class="track-order-page">
<div class="row">
<div class="col-md-12">
<h2 class="heading-title">Rendez-vous sélectionné le: {{ serviceRdvReservation.getDateDebut()|date("d/m/Y H:i") }}</h2>
<h4>Service:{{ serviceRdvReservation.getService().getTitre() }}</h4>
<form class="register-form outer-top-xs" action="{{ path('frontend_panier_add_service', {id:serviceRdvReservation.getId()}) }}" method="post" role="form">
<div class="form-group">
<label class="info-title" for="NomId1">Nom</label>
<input type="text" name="nom" value="{{ user.getFirstname() }}" class="form-control unicase-form-control text-input" id="NomId1" >
</div>
<div class="form-group">
<label class="info-title" for="PrenomIdId">Prénom</label>
<input type="text" name="prenom" value="{{ user.getLastname() }}" class="form-control unicase-form-control text-input" id="PrenomIdId" >
</div>
<div class="form-group">
<label class="info-title" for="NaissanceId">Date de naissance</label>
<input type="date" name="naissance" value="{{ user.getBirthdate()|date("Y-m-d") }}" class="form-control unicase-form-control text-input" id="NaissanceId" >
</div>
<div class="form-group">
<label class="info-title" for="EmailId">Email</label>
<input type="email" name="email" value="{{ user.getEmail() }}" class="form-control unicase-form-control text-input" id="EmailId" >
</div>
<input type="submit" class="btn-upper btn btn-primary checkout-page-button" value="Valider">
</form>
</div>
</div><!-- /.row -->
<!-- /.row -->
</div>
<!-- /.row -->
</div>
<!-- /.body-content -->
<br><br>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('app_frontend_article_service') }}
{% endblock %}

View File

@@ -0,0 +1,31 @@
{% for notice in app.flashes('primary') %}
<div class="alert alert-primary" role="alert">
<b>{{ notice.title }}:</b> {{ notice.message|raw }}
</div>
{% endfor %}
{% for notice in app.flashes('success') %}
<div class="alert alert-success" role="alert">
<font size="4">
<b>{{ notice.title }}:</b> {{ notice.message|raw }}
</font>
</div>
{% endfor %}
{% for notice in app.flashes('danger') %}
<div class="alert alert-danger" role="alert">
<b>{{ notice.title }}:</b> {{ notice.message|raw }}
</div>
{% endfor %}
{% for notice in app.flashes('warning') %}
<div class="alert alert-warning" role="alert">
<b>{{ notice.title }}:</b> {{ notice.message|raw }}
</div>
{% endfor %}
{% for notice in app.flashes('info') %}
<div class="alert alert-info" role="alert">
<b>{{ notice.title }}:</b> {{ notice.message|raw }}
</div>
{% endfor %}

View File

@@ -0,0 +1,34 @@
<!-- ============================================== INFO BOXES ============================================== -->
<div class="row our-features-box">
<div class="container">
<ul>
<li>
<div class="feature-box">
<div class="icon-truck"></div>
<div class="content-blocks">We ship worldwide</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-support"></div>
<div class="content-blocks">52 719 341</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-money"></div>
<div class="content-blocks">Money Back Guarantee</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-return"></div>
<div class="content">30 days return</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /.info-boxes -->
<!-- ============================================== INFO BOXES : END ============================================== -->

View File

@@ -0,0 +1,15 @@
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
{% for breadcrumb in breadcrumbs %}
<li {% if breadcrumb.active %} class='active' {% endif %} >
{% if breadcrumb.link %}
<a href="{{ breadcrumb.link }}"> {{ breadcrumb.title }} </a>
{% else %}
{{ breadcrumb.title }}
{% endif %}
</li>
{% endfor %}
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->

View File

@@ -0,0 +1,117 @@
<br><br>
<!-- ============================================================= FOOTER ============================================================= -->
<footer id="footer" class="footer color-bg mt-3">
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="address-block">
<!-- /.module-heading -->
<div class="module-body">
<ul class="toggle-footer" style="">
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>2 rue elmouez mornaguia, mannouba, Tunisie</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-mobile fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p> + (52) 719 341 / + (88) 06 05 68 60 69</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-envelope fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body"> <span><a href="#">contact@promo.tn</a></span> </div>
</li>
</ul>
</div>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Service Client</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="{{ path('frontend_footer_faq') }}" title="faq">FAQ</a></li>
<li><a href="{{ path('frontend_footer_aide') }}" title="Aide">Aide</a></li>
<li class="last"><a href="{{ path('frontend_footer_contacter') }}" title="Nous contacter">Nous contacter</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Société</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a title="présentation" href="{{ path('frontend_footer_presentation') }}">Présentation</a></li>
<li><a title="qui sommes nous" href="{{ path('frontend_footer_quisommesnous') }}">Qui sommes nous</a></li>
<li class="last"><a title="mentions légales" href="{{ path('frontend_footer_mentionslegales') }}">Mentions légales</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Pourquoi nous choisir</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="{{ path('frontend_footer_nospartenaires') }}" title="nos partenaires">Nos partenaires</a></li>
<li><a href="{{ path('frontend_footer_temoignages') }}" title="témoignages">Témoignages</a></li>
<li class="last"><a href="{{ path('frontend_footer_nosactualites') }}" title="nos actualités">Nos actualités</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
</div>
</div>
</div>
<div class="copyright-bar">
<div class="container">
<div class="col-xs-12 col-sm-4 no-padding social">
<ul class="link">
<li class="fb pull-left"><a target="_blank" rel="nofollow" href="#" title="Facebook"></a></li>
<li class="tw pull-left"><a target="_blank" rel="nofollow" href="#" title="Twitter"></a></li>
<li class="googleplus pull-left"><a target="_blank" rel="nofollow" href="#" title="GooglePlus"></a></li>
<li class="rss pull-left"><a target="_blank" rel="nofollow" href="#" title="RSS"></a></li>
<li class="pintrest pull-left"><a target="_blank" rel="nofollow" href="#" title="PInterest"></a></li>
<li class="linkedin pull-left"><a target="_blank" rel="nofollow" href="#" title="Linkedin"></a></li>
<li class="youtube pull-left"><a target="_blank" rel="nofollow" href="#" title="Youtube"></a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 no-padding copyright"> </div>
<div class="col-xs-12 col-sm-4 no-padding">
<div class="clearfix payment-methods">
<ul>
<li><img src="{{ asset('images/font/payments/1.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/2.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/3.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/4.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/5.png') }}" alt=""></li>
</ul>
</div>
<!-- /.payment-methods -->
</div>
</div>
</div>
</footer>

View File

@@ -0,0 +1,53 @@
<!-- ============================================== HEADER ============================================== -->
<header class="header-style-1">
<!-- ============================================== TOP MENU ============================================== -->
<div class="top-bar animate-dropdown">
<div class="container">
<div class="header-top-inner">
<div class="cnt-account">
<ul class="list-unstyled">
{% if app.user %}
{% if is_granted('ROLE_ADMIN') %}
<li class="myaccount"><a href="{{ path('backend_admin_dashboard_index') }}"><span>Espace Admin</span></a></li>
{% elseif is_granted('ROLE_PARTNER_ADVANCED') or is_granted('ROLE_PARTNER') %}
{% if app.user.isActiveRolePartner() %}
<li class="myaccount"><a href="{{ path('backend_partner_dashboard_index') }}"><span>Espace Partenaire</span></a></li>
{% endif %}
{% endif %}
<li class="myaccount"><a href="{{ path('frontend_user_profile', {id:app.user.id} ) }}"><span>{{ app.user.firstname ~ ' ' ~ app.user.lastname|e }}</span></a></li>
<li class="myaccount"><a href="{{ path('frontend_security_logout') }}"><span>Déconnexion</span></a></li>
{% else %}
<li class="check"><a href="{{ path('frontend_security_registration') }}"><span>Inscription</span></a></li>
<li class="login"><a href="{{ path('frontend_security_login') }}"><span>Connexion</span></a></li>
{% endif %}
</ul>
</div>
<!-- /.cnt-account -->
<div class="cnt-block">
<a href="{{ path ('frontend_demo_index') }}" >
demo
</a>
</div>
<!-- /.cnt-cart -->
<div class="clearfix"></div>
</div>
<!-- /.header-top-inner -->
</div>
<!-- /.container -->
</div>
<!-- /.header-top -->
<!-- ============================================== TOP MENU : END ============================================== -->
{{ render(path('frontend_basic_search')) }}
<!-- ============================================== NAVBAR ============================================== -->
{% if is_granted('ROLE_USER') %}
{{ render(path('frontend_basic_navbar')) }}
{% endif %}
</header>
<!-- ============================================== NAVBAR : END ============================================== -->

View File

@@ -0,0 +1,18 @@
<!-- Modal pour connexion ou inscription -->
<div class="modal fade" id="visitorCnx" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<br><br>
<p class="text-center"><font size="4">Veuillez vous inscrire ou vous connecter.</font></p>
<br>
<p class="text-center">
<a href="{{ path('frontend_security_login') }}" class="btn btn-primary" title="S'inscrire">Se connecter</a>
&nbsp;&nbsp;
<a href="{{ path('frontend_security_registration') }}" class="btn btn-yellow" title="Se connecter">S'inscrire</a>
</p>
<br>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,50 @@
<div class="header-nav animate-dropdown">
<div class="container">
<div class="yamm navbar navbar-default" role="navigation">
<div class="navbar-header">
<button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="nav-bg-class">
<div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
<div class="nav-outer">
<ul class="nav navbar-nav">
<li class="active dropdown">
<a href="{{ path('frontend_home_index') }}">Accueil</a>
</li>
<li>
<a href="{{ path('frontend_annonce_index') }}">Anonnces</a>
</li>
<li>
<a href="{{ path('frontend_article_service_index') }}">Articles & Services</a>
</li>
<li>
<a href="{{ path('frontend_user_parrainage') }}">Parrainage un ami(e)</a>
</li>
<li>
<a href="{{ path('frontend_reservation_index') }}">Mes Réservations</a>
</li>
<li>
<a href="{{ path('frontend_newslettre_index') }}">Newslettre</a>
</li>
<li>
<a href="{{ path('frontend_partenaire_societe_add') }}">Devenir partenaire</a>
</li>
<li class="dropdown navbar-right special-menu"> <a href="#">Frais de service ({{ app.user.Frais}}%)</a> </li>
</ul>
<!-- /.navbar-nav -->
<div class="clearfix"></div>
</div>
<!-- /.nav-outer -->
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.nav-bg-class -->
</div>
<!-- /.navbar-default -->
</div>
<!-- /.container-class -->
</div>
<!-- /.header-nav -->

View File

@@ -0,0 +1,98 @@
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
<!-- ============================================================= LOGO ============================================================= -->
<div class="logo">
<a href="{{ path('frontend_home_index') }}"> <img src="{{ asset('images/font/logo.png') }}" alt="logo"> </a>
</div>
<!-- /.logo -->
<!-- ============================================================= LOGO : END ============================================================= --> </div>
<!-- /.logo-holder -->
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
<!-- /.contact-row -->
<!-- ============================================================= SEARCH AREA ============================================================= -->
<div class="search-area">
<form>
<div class="control-group">
<ul class="categories-filter animate-dropdown">
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="category.html">Categories <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" >
{% for groupe in groupes %}
<li class="menu-header"><a href="{{ path('frontend_search_groupe', {id:groupe.getId()} ) }}">{{ groupe.getNom() }}</a></li>
{% endfor %}
</ul>
</li>
</ul>
<input class="search-field" placeholder="Search here..." />
<a class="search-button" href="#" ></a> </div>
</form>
</div>
<!-- /.search-area -->
<!-- ============================================================= SEARCH AREA : END ============================================================= --> </div>
<!-- /.top-search-holder -->
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
<!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
<div class="dropdown dropdown-cart">
{% if is_granted('ROLE_USER') %}
<a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
<div class="items-cart-inner">
<div class="basket">
<div class="basket-item-count"><span class="count">{{ nbr }}</span></div>
<div class="total-price-basket"> <span class="lbl">Panier</span> <span class="value">{{ total }} DT</span> </div>
</div>
</div>
</a>
{% endif %}
<ul class="dropdown-menu">
<li>
<div class="cart-item product-summary">
{% for panier in paniers %}
{% if panier['type'] == 'SERVICE' %}
{% set pathUrl = path('frontend_service_detail', {id: panier['id']} ) %}
{% elseif panier['type'] == 'ARTICLE' %}
{% set pathUrl = path('frontend_article_detail', {id: panier['id']} ) %}
{% endif %}
<div class="row">
<div class="col-xs-4">
<div class="image">
<a href="{{ pathUrl }}"><img src="{{ asset(panier['image']) }}" alt="{{ panier['titre'] }}"></a>
</div>
</div>
<div class="col-xs-8">
<h3 class="name"><a href="{{ pathUrl }}">{{ panier['titre']|slice(0, 25) }}</a></h3>
<div class="price">{{ panier['avance'] }} DT</div>
</div>
</div>
<br>
{% endfor %}
</div>
<!-- /.cart-item -->
<div class="clearfix"></div>
<hr>
<div class="clearfix cart-total">
<div class="pull-right"> <span class="text">Total Avance :</span>
<span class='price'>{{ total }} DT</span>
</div>
<div class="clearfix"></div>
<a href="{{ path('frontend_panier_index')}}" class="btn btn-upper btn-primary btn-block m-t-20">Vérifier</a>
</div>
<!-- /.cart-total-->
</li>
</ul>
<!-- /.dropdown-menu-->
</div>
<!-- /.dropdown-cart -->
<!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= --> </div>
<!-- /.top-cart-row -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>

View File

@@ -0,0 +1,26 @@
<div class="blog-write-comment outer-bottom-xs outer-top-xs">
<div class="row">
<div class="col-md-12">
<h4>Laissez un commentaire</h4>
</div>
<div class="col-md-12">
{{ form_start(form, {'action': pathComment, 'method': 'POST'}) }}
<div class="my-custom-class-for-errors">
{{ form_errors(form) }}
</div>
<div class="form-group">
<label class="info-title" for="exampleInputComments"></label>
{{ form_row(form.commentaire, {'attr': {'class': 'form-control unicase-form-control', 'style':'height: 221px;'}}) }}
</div>
<div class="outer-bottom-small m-t-20" id="some-custom-id">
{{ form_row(form.save, {'attr': {'class': 'btn-upper btn btn-primary checkout-page-button'}}) }}
</div>
{{ form_end(form) }}
</div>
</div>
</div>

View File

@@ -0,0 +1,22 @@
{% set commentsLength = comments|length %}
<div class="blog-page">
<div class="blog-review wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="title-review-comments">{{ commentsLength }} comments</h3>
</div>
{% for comment in comments %}
<div class="col-md-12 col-sm-12">
<div class="blog-comment inner-bottom-xs">
<h4>{{ comment.getClient().getPseudo() }}</h4>
<span class="review-action pull-right">
{{ comment.getDateAdd()|date("d/m/Y H:i") }}
</span>
<p>{{ comment.getCommentaire() }}</p>
</div>
</div>
{% endfor %}
{#<div class="post-load-more col-md-12"><a class="btn btn-upper btn-primary" href="#">Afficher plus</a></div>#}
</div>
</div>
</div>

View File

@@ -0,0 +1,545 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}404 !{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{{ encore_entry_link_tags('app_frontend') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app_frontend') }}
{% endblock %}
</head>
{% block body %}
<body class="cnt-home">
<!-- ============================================== HEADER ============================================== -->
<header class="header-style-1">
<!-- ============================================== TOP MENU ============================================== -->
<div class="top-bar animate-dropdown">
<div class="container">
<div class="header-top-inner">
<div class="cnt-account">
<ul class="list-unstyled">
<li class="myaccount"><a href="#"><span>My Account</span></a></li>
<li class="wishlist"><a href="#"><span>Wishlist</span></a></li>
<li class="header_cart hidden-xs"><a href="#"><span>My Cart</span></a></li>
<li class="check"><a href="#"><span>Checkout</span></a></span></li>
<li class="login"><a href="#"><span>Login</span></a></li>
</ul>
</div>
<!-- /.cnt-account -->
<div class="cnt-block">
<ul class="list-unstyled list-inline">
<li class="dropdown dropdown-small"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">USD </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">USD</a></li>
<li><a href="#">INR</a></li>
<li><a href="#">GBP</a></li>
</ul>
</li>
<li class="dropdown dropdown-small"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">English </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">French</a></li>
<li><a href="#">German</a></li>
</ul>
</li>
</ul>
<!-- /.list-unstyled -->
</div>
<!-- /.cnt-cart -->
<div class="clearfix"></div>
</div>
<!-- /.header-top-inner -->
</div>
<!-- /.container -->
</div>
<!-- /.header-top -->
<!-- ============================================== TOP MENU : END ============================================== -->
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
<!-- ============================================================= LOGO ============================================================= -->
<div class="logo"> <a href="home.html"> <img src="{{ asset('images/font/logo.png') }}" alt="logo"> </a> </div>
<!-- /.logo -->
<!-- ============================================================= LOGO : END ============================================================= --> </div>
<!-- /.logo-holder -->
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
<!-- /.contact-row -->
<!-- ============================================================= SEARCH AREA ============================================================= -->
<div class="search-area">
<form>
<div class="control-group">
<ul class="categories-filter animate-dropdown">
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="category.html">Categories <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" >
<li class="menu-header">Computer</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Clothing</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Electronics</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Shoes</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Watches</a></li>
</ul>
</li>
</ul>
<input class="search-field" placeholder="Search here..." />
<a class="search-button" href="#" ></a> </div>
</form>
</div>
<!-- /.search-area -->
<!-- ============================================================= SEARCH AREA : END ============================================================= --> </div>
<!-- /.top-search-holder -->
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
<!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
<div class="dropdown dropdown-cart"> <a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
<div class="items-cart-inner">
<div class="basket">
<div class="basket-item-count"><span class="count">2</span></div>
<div class="total-price-basket"> <span class="lbl">Shopping Cart</span> <span class="value">$4580</span> </span> </div>
</div>
</div>
</a>
<ul class="dropdown-menu">
<li>
<div class="cart-item product-summary">
<div class="row">
<div class="col-xs-4">
<div class="image"> <a href="detail.html"><img src="{{ asset('images/font/products/p4.jpg') }}" alt=""></a> </div>
</div>
<div class="col-xs-7">
<h3 class="name"><a href="index8a95.html?page-detail">Simple Product</a></h3>
<div class="price">$600.00</div>
</div>
<div class="col-xs-1 action"> <a href="#"><i class="fa fa-trash"></i></a> </div>
</div>
</div>
<!-- /.cart-item -->
<div class="clearfix"></div>
<hr>
<div class="clearfix cart-total">
<div class="pull-right"> <span class="text">Sub Total :</span><span class='price'>$600.00</span> </div>
<div class="clearfix"></div>
<a href="checkout.html" class="btn btn-upper btn-primary btn-block m-t-20">Checkout</a> </div>
<!-- /.cart-total-->
</li>
</ul>
<!-- /.dropdown-menu-->
</div>
<!-- /.dropdown-cart -->
<!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= --> </div>
<!-- /.top-cart-row -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.main-header -->
<!-- ============================================== NAVBAR ============================================== -->
<div class="header-nav animate-dropdown">
<div class="container">
<div class="yamm navbar navbar-default" role="navigation">
<div class="navbar-header">
<button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="nav-bg-class">
<div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
<div class="nav-outer">
<ul class="nav navbar-nav">
<li class="active dropdown"> <a href="home.html">Home</a> </li>
<li class="dropdown yamm mega-menu"> <a href="home.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Clothing</a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content ">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Men</h2>
<ul class="links">
<li><a href="#">Dresses</a></li>
<li><a href="#">Shoes </a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Sunglasses</a></li>
<li><a href="#">Sport Wear</a></li>
<li><a href="#">Blazers</a></li>
<li><a href="#">Shirts</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Women</h2>
<ul class="links">
<li><a href="#">Handbags</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Swimwear </a></li>
<li><a href="#">Tops</a></li>
<li><a href="#">Flats</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">Winter Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Boys</h2>
<ul class="links">
<li><a href="#">Toys & Games</a></li>
<li><a href="#">Jeans</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">School Bags</a></li>
<li><a href="#">Lunch Box</a></li>
<li><a href="#">Footwear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Girls</h2>
<ul class="links">
<li><a href="#">Sandals </a></li>
<li><a href="#">Shorts</a></li>
<li><a href="#">Dresses</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Bags</a></li>
<li><a href="#">Night Dress</a></li>
<li><a href="#">Swim Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-4 col-menu banner-image"> <img class="img-responsive" src="{{ asset('images/font/banners/top-menu-banner.jpg') }}" alt=""> </div>
<!-- /.yamm-content -->
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown mega-menu">
<a href="category.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Electronics <span class="menu-label hot-menu hidden-xs">hot</span> </a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Laptops</h2>
<ul class="links">
<li><a href="#">Gaming</a></li>
<li><a href="#">Laptop Skins</a></li>
<li><a href="#">Apple</a></li>
<li><a href="#">Dell</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Microsoft</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Adapters</a></li>
<li><a href="#">Batteries</a></li>
<li><a href="#">Cooling Pads</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Desktops</h2>
<ul class="links">
<li><a href="#">Routers & Modems</a></li>
<li><a href="#">CPUs, Processors</a></li>
<li><a href="#">PC Gaming Store</a></li>
<li><a href="#">Graphics Cards</a></li>
<li><a href="#">Components</a></li>
<li><a href="#">Webcam</a></li>
<li><a href="#">Memory (RAM)</a></li>
<li><a href="#">Motherboards</a></li>
<li><a href="#">Keyboards</a></li>
<li><a href="#">Headphones</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Cameras</h2>
<ul class="links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Binoculars</a></li>
<li><a href="#">Telescopes</a></li>
<li><a href="#">Camcorders</a></li>
<li><a href="#">Digital</a></li>
<li><a href="#">Film Cameras</a></li>
<li><a href="#">Flashes</a></li>
<li><a href="#">Lenses</a></li>
<li><a href="#">Surveillance</a></li>
<li><a href="#">Tripods</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Mobile Phones</h2>
<ul class="links">
<li><a href="#">Apple</a></li>
<li><a href="#">Samsung</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Motorola</a></li>
<li><a href="#">LeEco</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Acer</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Memory Cards</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-menu custom-banner"> <a href="#"><img alt="" src="{{ asset('images/font/banners/top-menu-banner1.jpg') }}" ></a> </div>
</div>
<!-- /.row -->
</div>
<!-- /.yamm-content --> </li>
</ul>
</li>
<li class="dropdown hidden-sm"> <a href="category.html">Health & Beauty <span class="menu-label new-menu hidden-xs">new</span> </a> </li>
<li class="dropdown hidden-sm"> <a href="category.html">Watches</a> </li>
<li class="dropdown"> <a href="contact.html">Jewellery</a> </li>
<li class="dropdown"> <a href="contact.html">Shoes</a> </li>
<li class="dropdown"> <a href="contact.html">Kids & Girls</a> </li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
<ul class="dropdown-menu pages">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-menu">
<ul class="links">
<li><a href="home.html">Home</a></li>
<li><a href="category.html">Category</a></li>
<li><a href="detail.html">Detail</a></li>
<li><a href="shopping-cart.html">Shopping Cart Summary</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Detail</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="my-wishlist.html">Wishlist</a></li>
<li><a href="terms-conditions.html">Terms and Condition</a></li>
<li><a href="track-orders.html">Track Orders</a></li>
<li><a href="product-comparison.html">Product-Comparison</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown navbar-right special-menu"> <a href="#">Get 30% off on selected items</a> </li>
</ul>
<!-- /.navbar-nav -->
<div class="clearfix"></div>
</div>
<!-- /.nav-outer -->
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.nav-bg-class -->
</div>
<!-- /.navbar-default -->
</div>
<!-- /.container-class -->
</div>
<!-- /.header-nav -->
<!-- ============================================== NAVBAR : END ============================================== -->
</header>
<!-- ============================================== HEADER : END ============================================== -->
<div class="body-content outer-top-bd">
<div class="container">
<div class="x-page inner-bottom-sm">
<div class="row">
<div class="col-md-12 x-text text-center">
<h1>404</h1>
<p>We are sorry, the page you've requested is not available. </p>
<form role="form" class="outer-top-vs outer-bottom-xs">
<input placeholder="Search" autocomplete="off">
<button class=" btn-default le-button">Go</button>
</form>
<a href="home.html"><i class="fa fa-home"></i> Go To Homepage</a>
</div>
</div><!-- /.row -->
</div><!-- /.sigin-in-->
</div><!-- /.container -->
</div><!-- /.body-content -->
<!-- ============================================================= FOOTER ============================================================= -->
<!-- ============================================== INFO BOXES ============================================== -->
<div class="row our-features-box">
<div class="container">
<ul>
<li>
<div class="feature-box">
<div class="icon-truck"></div>
<div class="content-blocks">We ship worldwide</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-support"></div>
<div class="content-blocks">call
+1 800 789 0000</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-money"></div>
<div class="content-blocks">Money Back Guarantee</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-return"></div>
<div class="content">30 days return</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /.info-boxes -->
<!-- ============================================== INFO BOXES : END ============================================== -->
<!-- ============================================================= FOOTER ============================================================= -->
<footer id="footer" class="footer color-bg">
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="address-block">
<!-- /.module-heading -->
<div class="module-body">
<ul class="toggle-footer" style="">
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>ThemesGround, 789 Main rd, Anytown, CA 12345 USA</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-mobile fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>+(888) 123-4567<br>
+(888) 456-7890</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-envelope fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body"> <span><a href="#">marazzo@themesground.com</a></span> </div>
</li>
</ul>
</div>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Customer Service</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="#" title="Contact us">My Account</a></li>
<li><a href="#" title="About us">Order History</a></li>
<li><a href="#" title="faq">FAQ</a></li>
<li><a href="#" title="Popular Searches">Specials</a></li>
<li class="last"><a href="#" title="Where is my order?">Help Center</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Corporation</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a title="Your Account" href="#">About us</a></li>
<li><a title="Information" href="#">Customer Service</a></li>
<li><a title="Addresses" href="#">Company</a></li>
<li><a title="Addresses" href="#">Investor Relations</a></li>
<li class="last"><a title="Orders History" href="#">Advanced Search</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Why Choose Us</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="#" title="About us">Shopping Guide</a></li>
<li><a href="#" title="Blog">Blog</a></li>
<li><a href="#" title="Company">Company</a></li>
<li><a href="#" title="Investor Relations">Investor Relations</a></li>
<li class=" last"><a href="contact-us.html" title="Suppliers">Contact Us</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
</div>
</div>
</div>
<div class="copyright-bar">
<div class="container">
<div class="col-xs-12 col-sm-4 no-padding social">
<ul class="link">
<li class="fb pull-left"><a target="_blank" rel="nofollow" href="#" title="Facebook"></a></li>
<li class="tw pull-left"><a target="_blank" rel="nofollow" href="#" title="Twitter"></a></li>
<li class="googleplus pull-left"><a target="_blank" rel="nofollow" href="#" title="GooglePlus"></a></li>
<li class="rss pull-left"><a target="_blank" rel="nofollow" href="#" title="RSS"></a></li>
<li class="pintrest pull-left"><a target="_blank" rel="nofollow" href="#" title="PInterest"></a></li>
<li class="linkedin pull-left"><a target="_blank" rel="nofollow" href="#" title="Linkedin"></a></li>
<li class="youtube pull-left"><a target="_blank" rel="nofollow" href="#" title="Youtube"></a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 no-padding copyright"><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </div>
<div class="col-xs-12 col-sm-4 no-padding">
<div class="clearfix payment-methods">
<ul>
<li><img src="{{ asset('images/font/payments/1.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/2.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/3.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/4.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/5.png') }}" alt=""></li>
</ul>
</div>
<!-- /.payment-methods -->
</div>
</div>
</div>
</footer>
{% endblock %}

View File

@@ -0,0 +1,858 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>blog !</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{{ encore_entry_link_tags('app_frontend') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app_frontend') }}
{% endblock %}
</head>
{% block body %}
<body class="cnt-home">
<!-- ============================================== HEADER ============================================== -->
<header class="header-style-1">
<!-- ============================================== TOP MENU ============================================== -->
<div class="top-bar animate-dropdown">
<div class="container">
<div class="header-top-inner">
<div class="cnt-account">
<ul class="list-unstyled">
<li class="myaccount"><a href="#"><span>My Account</span></a></li>
<li class="wishlist"><a href="#"><span>Wishlist</span></a></li>
<li class="header_cart hidden-xs"><a href="#"><span>My Cart</span></a></li>
<li class="check"><a href="#"><span>Checkout</span></a></span></li>
<li class="login"><a href="#"><span>Login</span></a></li>
</ul>
</div>
<!-- /.cnt-account -->
<div class="cnt-block">
<ul class="list-unstyled list-inline">
<li class="dropdown dropdown-small"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">USD </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">USD</a></li>
<li><a href="#">INR</a></li>
<li><a href="#">GBP</a></li>
</ul>
</li>
<li class="dropdown dropdown-small"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">English </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">French</a></li>
<li><a href="#">German</a></li>
</ul>
</li>
</ul>
<!-- /.list-unstyled -->
</div>
<!-- /.cnt-cart -->
<div class="clearfix"></div>
</div>
<!-- /.header-top-inner -->
</div>
<!-- /.container -->
</div>
<!-- /.header-top -->
<!-- ============================================== TOP MENU : END ============================================== -->
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
<!-- ============================================================= LOGO ============================================================= -->
<div class="logo"> <a href="home.html"> <img src="{{ asset('images/font/logo.png') }}" alt="logo"> </a> </div>
<!-- /.logo -->
<!-- ============================================================= LOGO : END ============================================================= --> </div>
<!-- /.logo-holder -->
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
<!-- /.contact-row -->
<!-- ============================================================= SEARCH AREA ============================================================= -->
<div class="search-area">
<form>
<div class="control-group">
<ul class="categories-filter animate-dropdown">
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="category.html">Categories <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" >
<li class="menu-header">Computer</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Clothing</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Electronics</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Shoes</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Watches</a></li>
</ul>
</li>
</ul>
<input class="search-field" placeholder="Search here..." />
<a class="search-button" href="#" ></a> </div>
</form>
</div>
<!-- /.search-area -->
<!-- ============================================================= SEARCH AREA : END ============================================================= --> </div>
<!-- /.top-search-holder -->
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
<!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
<div class="dropdown dropdown-cart"> <a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
<div class="items-cart-inner">
<div class="basket">
<div class="basket-item-count"><span class="count">2</span></div>
<div class="total-price-basket"> <span class="lbl">Shopping Cart</span> <span class="value">$4580</span> </span> </div>
</div>
</div>
</a>
<ul class="dropdown-menu">
<li>
<div class="cart-item product-summary">
<div class="row">
<div class="col-xs-4">
<div class="image"> <a href="detail.html"><img src="{{ asset('images/font/products/p4.jpg') }}" alt=""></a> </div>
</div>
<div class="col-xs-7">
<h3 class="name"><a href="index8a95.html?page-detail">Simple Product</a></h3>
<div class="price">$600.00</div>
</div>
<div class="col-xs-1 action"> <a href="#"><i class="fa fa-trash"></i></a> </div>
</div>
</div>
<!-- /.cart-item -->
<div class="clearfix"></div>
<hr>
<div class="clearfix cart-total">
<div class="pull-right"> <span class="text">Sub Total :</span><span class='price'>$600.00</span> </div>
<div class="clearfix"></div>
<a href="checkout.html" class="btn btn-upper btn-primary btn-block m-t-20">Checkout</a> </div>
<!-- /.cart-total-->
</li>
</ul>
<!-- /.dropdown-menu-->
</div>
<!-- /.dropdown-cart -->
<!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= --> </div>
<!-- /.top-cart-row -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.main-header -->
<!-- ============================================== NAVBAR ============================================== -->
<div class="header-nav animate-dropdown">
<div class="container">
<div class="yamm navbar navbar-default" role="navigation">
<div class="navbar-header">
<button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="nav-bg-class">
<div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
<div class="nav-outer">
<ul class="nav navbar-nav">
<li class="active dropdown"> <a href="home.html">Home</a> </li>
<li class="dropdown yamm mega-menu"> <a href="home.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Clothing</a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content ">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Men</h2>
<ul class="links">
<li><a href="#">Dresses</a></li>
<li><a href="#">Shoes </a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Sunglasses</a></li>
<li><a href="#">Sport Wear</a></li>
<li><a href="#">Blazers</a></li>
<li><a href="#">Shirts</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Women</h2>
<ul class="links">
<li><a href="#">Handbags</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Swimwear </a></li>
<li><a href="#">Tops</a></li>
<li><a href="#">Flats</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">Winter Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Boys</h2>
<ul class="links">
<li><a href="#">Toys & Games</a></li>
<li><a href="#">Jeans</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">School Bags</a></li>
<li><a href="#">Lunch Box</a></li>
<li><a href="#">Footwear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Girls</h2>
<ul class="links">
<li><a href="#">Sandals </a></li>
<li><a href="#">Shorts</a></li>
<li><a href="#">Dresses</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Bags</a></li>
<li><a href="#">Night Dress</a></li>
<li><a href="#">Swim Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-4 col-menu banner-image"> <img class="img-responsive" src="{{ asset('images/font/banners/top-menu-banner.jpg') }}" alt=""> </div>
<!-- /.yamm-content -->
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown mega-menu">
<a href="category.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Electronics <span class="menu-label hot-menu hidden-xs">hot</span> </a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Laptops</h2>
<ul class="links">
<li><a href="#">Gaming</a></li>
<li><a href="#">Laptop Skins</a></li>
<li><a href="#">Apple</a></li>
<li><a href="#">Dell</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Microsoft</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Adapters</a></li>
<li><a href="#">Batteries</a></li>
<li><a href="#">Cooling Pads</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Desktops</h2>
<ul class="links">
<li><a href="#">Routers & Modems</a></li>
<li><a href="#">CPUs, Processors</a></li>
<li><a href="#">PC Gaming Store</a></li>
<li><a href="#">Graphics Cards</a></li>
<li><a href="#">Components</a></li>
<li><a href="#">Webcam</a></li>
<li><a href="#">Memory (RAM)</a></li>
<li><a href="#">Motherboards</a></li>
<li><a href="#">Keyboards</a></li>
<li><a href="#">Headphones</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Cameras</h2>
<ul class="links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Binoculars</a></li>
<li><a href="#">Telescopes</a></li>
<li><a href="#">Camcorders</a></li>
<li><a href="#">Digital</a></li>
<li><a href="#">Film Cameras</a></li>
<li><a href="#">Flashes</a></li>
<li><a href="#">Lenses</a></li>
<li><a href="#">Surveillance</a></li>
<li><a href="#">Tripods</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Mobile Phones</h2>
<ul class="links">
<li><a href="#">Apple</a></li>
<li><a href="#">Samsung</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Motorola</a></li>
<li><a href="#">LeEco</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Acer</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Memory Cards</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-menu custom-banner"> <a href="#"><img alt="" src="{{ asset('images/font/banners/top-menu-banner1.jpg') }}"></a> </div>
</div>
<!-- /.row -->
</div>
<!-- /.yamm-content --> </li>
</ul>
</li>
<li class="dropdown hidden-sm"> <a href="category.html">Health & Beauty <span class="menu-label new-menu hidden-xs">new</span> </a> </li>
<li class="dropdown hidden-sm"> <a href="category.html">Watches</a> </li>
<li class="dropdown"> <a href="contact.html">Jewellery</a> </li>
<li class="dropdown"> <a href="contact.html">Shoes</a> </li>
<li class="dropdown"> <a href="contact.html">Kids & Girls</a> </li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
<ul class="dropdown-menu pages">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-menu">
<ul class="links">
<li><a href="home.html">Home</a></li>
<li><a href="category.html">Category</a></li>
<li><a href="detail.html">Detail</a></li>
<li><a href="shopping-cart.html">Shopping Cart Summary</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Detail</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="my-wishlist.html">Wishlist</a></li>
<li><a href="terms-conditions.html">Terms and Condition</a></li>
<li><a href="track-orders.html">Track Orders</a></li>
<li><a href="product-comparison.html">Product-Comparison</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown navbar-right special-menu"> <a href="#">Get 30% off on selected items</a> </li>
</ul>
<!-- /.navbar-nav -->
<div class="clearfix"></div>
</div>
<!-- /.nav-outer -->
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.nav-bg-class -->
</div>
<!-- /.navbar-default -->
</div>
<!-- /.container-class -->
</div>
<!-- /.header-nav -->
<!-- ============================================== NAVBAR : END ============================================== -->
</header>
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Home</a></li>
<li class='active'>Blog</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.container -->
</div><!-- /.breadcrumb -->
<div class="body-content">
<div class="container">
<div class="row">
<div class="blog-page">
<div class="col-xs-12 col-sm-9 col-md-9 rht-col">
<div class="blog-post wow fadeInUp">
<a href="blog-details.html"><img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_01.jpg') }}" alt=""></a>
<h1><a href="blog-details.html">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h1>
<span class="author">John Doe</span>
<span class="review">6 Comments</span>
<span class="date-time">14/06/2016 10.00AM</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...</p>
<a href="#" class="btn btn-upper btn-primary read-more">read more</a>
</div>
<div class="blog-post outer-top-bd wow fadeInUp">
<a href="blog-details.html"><img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_02.jpg') }}" alt=""></a>
<h1><a href="blog-details.html">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h1>
<span class="author">Sarah Smith</span>
<span class="review">6 Comments</span>
<span class="date-time">20/06/2016 11.00AM</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...</p>
<a href="#" class="btn btn-upper btn-primary read-more">read more</a>
</div>
<div class="blog-post outer-top-bd wow fadeInUp">
<a href="blog-details.html"><img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_03.jpg') }}" alt=""></a>
<h1><a href="blog-details.html">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h1>
<span class="author">Mark Doe</span>
<span class="review">6 Comments</span>
<span class="date-time">14/06/2014 11.00AM</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...</p>
<a href="#" class="btn btn-upper btn-primary read-more">read more</a>
</div>
<div class="clearfix blog-pagination filters-container wow fadeInUp" style="padding:0px; background:none; box-shadow:none; margin-top:15px; border:none">
<div class="text-right">
<div class="pagination-container">
<ul class="list-inline list-unstyled">
<li class="prev"><a href="#"><i class="fa fa-angle-left"></i></a></li>
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li class="next"><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul><!-- /.list-inline -->
</div><!-- /.pagination-container --> </div><!-- /.text-right -->
</div><!-- /.filters-container --> </div>
<div class="col-xs-12 col-sm-3 col-md-3 sidebar">
<div class="sidebar-module-container">
<div class="search-area outer-bottom-small">
<form>
<div class="control-group">
<input placeholder="Type to search" class="search-field">
<a href="#" class="search-button"></a>
</div>
</form>
</div>
<div class="home-banner outer-top-n outer-bottom-xs">
<img src="{{ asset('images/font/banners/LHS-banner.jpg') }}" alt="Image">
</div>
<!-- ==============================================CATEGORY============================================== -->
<div class="sidebar-widget outer-bottom-xs wow fadeInUp">
<h3 class="section-title">Category</h3>
<div class="sidebar-widget-body m-t-10">
<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseOne" data-toggle="collapse" class="accordion-toggle collapsed">
Camera
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseTwo" data-toggle="collapse" class="accordion-toggle collapsed">
Desktops
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseTwo" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseThree" data-toggle="collapse" class="accordion-toggle collapsed">
Pants
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseThree" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseFour" data-toggle="collapse" class="accordion-toggle collapsed">
Bags
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseFour" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseFive" data-toggle="collapse" class="accordion-toggle collapsed">
Hats
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseFive" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseSix" data-toggle="collapse" class="accordion-toggle collapsed">
Accessories
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseSix" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
</div><!-- /.accordion -->
</div><!-- /.sidebar-widget-body -->
</div><!-- /.sidebar-widget -->
<!-- ============================================== CATEGORY : END ============================================== --> <div class="sidebar-widget outer-bottom-xs wow fadeInUp">
<h3 class="section-title">Tab Widget</h3>
<ul class="nav nav-tabs">
<li class="active"><a href="#popular" data-toggle="tab">popular post</a></li>
<li><a href="#recent" data-toggle="tab">recent post</a></li>
</ul>
<div class="tab-content" style="padding-left:0">
<div class="tab-pane active m-t-20" id="popular">
<div class="blog-post inner-bottom-30 " >
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_01.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">12/06/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="blog-post" >
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_02.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">23/06/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="tab-pane m-t-20" id="recent">
<div class="blog-post inner-bottom-30" >
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_03.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">5/06/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="blog-post">
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_01.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">10/07/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
</div>
</div>
<!-- ============================================== PRODUCT TAGS ============================================== -->
<div class="sidebar-widget product-tag wow fadeInUp">
<h3 class="section-title">Product Tags</h3>
<div class="sidebar-widget-body outer-top-xs">
<div class="tag-list">
<a class="item" title="Phone" href="category.html">Phone</a>
<a class="item active" title="Vest" href="category.html">Vest</a>
<a class="item" title="Smartphone" href="category.html">Smartphone</a>
<a class="item" title="Furniture" href="category.html">Furniture</a>
<a class="item" title="T-shirt" href="category.html">T-shirt</a>
<a class="item" title="Sweatpants" href="category.html">Sweatpants</a>
<a class="item" title="Sneaker" href="category.html">Sneaker</a>
<a class="item" title="Toys" href="category.html">Toys</a>
<a class="item" title="Rose" href="category.html">Rose</a>
</div><!-- /.tag-list -->
</div><!-- /.sidebar-widget-body -->
</div><!-- /.sidebar-widget -->
<!-- ============================================== PRODUCT TAGS : END ============================================== --> </div>
</div>
</div>
</div>
<!-- ============================================== BRANDS CAROUSEL ============================================== -->
<div id="brands-carousel" class="logo-slider wow fadeInUp">
<div class="logo-slider-inner">
<div id="brand-slider" class="owl-carousel brand-slider custom-carousel owl-theme">
<div class="item m-t-15">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand1.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item m-t-10">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand2.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand3.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand4.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand5.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand6.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand2.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand4.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand1.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand5.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div><!--/.item-->
</div><!-- /.owl-carousel #logo-slider -->
</div><!-- /.logo-slider-inner -->
</div><!-- /.logo-slider -->
<!-- ============================================== BRANDS CAROUSEL : END ============================================== --> </div>
</div>
<!-- ============================================================= FOOTER ============================================================= -->
<!-- ============================================== INFO BOXES ============================================== -->
<div class="row our-features-box">
<div class="container">
<ul>
<li>
<div class="feature-box">
<div class="icon-truck"></div>
<div class="content-blocks">We ship worldwide</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-support"></div>
<div class="content-blocks">call
+1 800 789 0000</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-money"></div>
<div class="content-blocks">Money Back Guarantee</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-return"></div>
<div class="content">30 days return</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /.info-boxes -->
<!-- ============================================== INFO BOXES : END ============================================== -->
<!-- ============================================================= FOOTER ============================================================= -->
<footer id="footer" class="footer color-bg">
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="address-block">
<!-- /.module-heading -->
<div class="module-body">
<ul class="toggle-footer" style="">
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>ThemesGround, 789 Main rd, Anytown, CA 12345 USA</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-mobile fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>+(888) 123-4567<br>
+(888) 456-7890</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-envelope fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body"> <span><a href="#">marazzo@themesground.com</a></span> </div>
</li>
</ul>
</div>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Customer Service</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="#" title="Contact us">My Account</a></li>
<li><a href="#" title="About us">Order History</a></li>
<li><a href="#" title="faq">FAQ</a></li>
<li><a href="#" title="Popular Searches">Specials</a></li>
<li class="last"><a href="#" title="Where is my order?">Help Center</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Corporation</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a title="Your Account" href="#">About us</a></li>
<li><a title="Information" href="#">Customer Service</a></li>
<li><a title="Addresses" href="#">Company</a></li>
<li><a title="Addresses" href="#">Investor Relations</a></li>
<li class="last"><a title="Orders History" href="#">Advanced Search</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Why Choose Us</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="#" title="About us">Shopping Guide</a></li>
<li><a href="#" title="Blog">Blog</a></li>
<li><a href="#" title="Company">Company</a></li>
<li><a href="#" title="Investor Relations">Investor Relations</a></li>
<li class=" last"><a href="contact-us.html" title="Suppliers">Contact Us</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
</div>
</div>
</div>
<div class="copyright-bar">
<div class="container">
<div class="col-xs-12 col-sm-4 no-padding social">
<ul class="link">
<li class="fb pull-left"><a target="_blank" rel="nofollow" href="#" title="Facebook"></a></li>
<li class="tw pull-left"><a target="_blank" rel="nofollow" href="#" title="Twitter"></a></li>
<li class="googleplus pull-left"><a target="_blank" rel="nofollow" href="#" title="GooglePlus"></a></li>
<li class="rss pull-left"><a target="_blank" rel="nofollow" href="#" title="RSS"></a></li>
<li class="pintrest pull-left"><a target="_blank" rel="nofollow" href="#" title="PInterest"></a></li>
<li class="linkedin pull-left"><a target="_blank" rel="nofollow" href="#" title="Linkedin"></a></li>
<li class="youtube pull-left"><a target="_blank" rel="nofollow" href="#" title="Youtube"></a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 no-padding copyright"><a target="_blank" href="https://www.templateshub.net">Templates Hub</a> </div>
<div class="col-xs-12 col-sm-4 no-padding">
<div class="clearfix payment-methods">
<ul>
<li><img src="{{ asset('images/font/payments/1.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/2.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/3.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/4.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/5.png') }}" alt=""></li>
</ul>
</div>
<!-- /.payment-methods -->
</div>
</div>
</div>
</footer>
<!-- ============================================================= FOOTER : END============================================================= -->
{% endblock %}

View File

@@ -0,0 +1,912 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>blog detail !</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{{ encore_entry_link_tags('app_frontend') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app_frontend') }}
{% endblock %}
</head>
{% block body %}
<body class="cnt-home">
<!-- ============================================== HEADER ============================================== -->
<header class="header-style-1">
<!-- ============================================== TOP MENU ============================================== -->
<div class="top-bar animate-dropdown">
<div class="container">
<div class="header-top-inner">
<div class="cnt-account">
<ul class="list-unstyled">
<li class="myaccount"><a href="#"><span>My Account</span></a></li>
<li class="wishlist"><a href="#"><span>Wishlist</span></a></li>
<li class="header_cart hidden-xs"><a href="#"><span>My Cart</span></a></li>
<li class="check"><a href="#"><span>Checkout</span></a></span></li>
<li class="login"><a href="#"><span>Login</span></a></li>
</ul>
</div>
<!-- /.cnt-account -->
<div class="cnt-block">
<ul class="list-unstyled list-inline">
<li class="dropdown dropdown-small"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">USD </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">USD</a></li>
<li><a href="#">INR</a></li>
<li><a href="#">GBP</a></li>
</ul>
</li>
<li class="dropdown dropdown-small"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">English </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">French</a></li>
<li><a href="#">German</a></li>
</ul>
</li>
</ul>
<!-- /.list-unstyled -->
</div>
<!-- /.cnt-cart -->
<div class="clearfix"></div>
</div>
<!-- /.header-top-inner -->
</div>
<!-- /.container -->
</div>
<!-- /.header-top -->
<!-- ============================================== TOP MENU : END ============================================== -->
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
<!-- ============================================================= LOGO ============================================================= -->
<div class="logo"> <a href="home.html"> <img src="{{ asset('images/font/logo.png') }}" alt="logo"> </a> </div>
<!-- /.logo -->
<!-- ============================================================= LOGO : END ============================================================= --> </div>
<!-- /.logo-holder -->
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
<!-- /.contact-row -->
<!-- ============================================================= SEARCH AREA ============================================================= -->
<div class="search-area">
<form>
<div class="control-group">
<ul class="categories-filter animate-dropdown">
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="category.html">Categories <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" >
<li class="menu-header">Computer</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Clothing</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Electronics</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Shoes</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Watches</a></li>
</ul>
</li>
</ul>
<input class="search-field" placeholder="Search here..." />
<a class="search-button" href="#" ></a> </div>
</form>
</div>
<!-- /.search-area -->
<!-- ============================================================= SEARCH AREA : END ============================================================= --> </div>
<!-- /.top-search-holder -->
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
<!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
<div class="dropdown dropdown-cart"> <a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
<div class="items-cart-inner">
<div class="basket">
<div class="basket-item-count"><span class="count">2</span></div>
<div class="total-price-basket"> <span class="lbl">Shopping Cart</span> <span class="value">$4580</span> </span> </div>
</div>
</div>
</a>
<ul class="dropdown-menu">
<li>
<div class="cart-item product-summary">
<div class="row">
<div class="col-xs-4">
<div class="image"> <a href="detail.html"><img src="{{ asset('images/font/products/p4.jpg') }}" alt=""></a> </div>
</div>
<div class="col-xs-7">
<h3 class="name"><a href="index8a95.html?page-detail">Simple Product</a></h3>
<div class="price">$600.00</div>
</div>
<div class="col-xs-1 action"> <a href="#"><i class="fa fa-trash"></i></a> </div>
</div>
</div>
<!-- /.cart-item -->
<div class="clearfix"></div>
<hr>
<div class="clearfix cart-total">
<div class="pull-right"> <span class="text">Sub Total :</span><span class='price'>$600.00</span> </div>
<div class="clearfix"></div>
<a href="checkout.html" class="btn btn-upper btn-primary btn-block m-t-20">Checkout</a> </div>
<!-- /.cart-total-->
</li>
</ul>
<!-- /.dropdown-menu-->
</div>
<!-- /.dropdown-cart -->
<!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= --> </div>
<!-- /.top-cart-row -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.main-header -->
<!-- ============================================== NAVBAR ============================================== -->
<div class="header-nav animate-dropdown">
<div class="container">
<div class="yamm navbar navbar-default" role="navigation">
<div class="navbar-header">
<button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="nav-bg-class">
<div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
<div class="nav-outer">
<ul class="nav navbar-nav">
<li class="active dropdown"> <a href="home.html">Home</a> </li>
<li class="dropdown yamm mega-menu"> <a href="home.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Clothing</a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content ">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Men</h2>
<ul class="links">
<li><a href="#">Dresses</a></li>
<li><a href="#">Shoes </a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Sunglasses</a></li>
<li><a href="#">Sport Wear</a></li>
<li><a href="#">Blazers</a></li>
<li><a href="#">Shirts</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Women</h2>
<ul class="links">
<li><a href="#">Handbags</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Swimwear </a></li>
<li><a href="#">Tops</a></li>
<li><a href="#">Flats</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">Winter Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Boys</h2>
<ul class="links">
<li><a href="#">Toys & Games</a></li>
<li><a href="#">Jeans</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">School Bags</a></li>
<li><a href="#">Lunch Box</a></li>
<li><a href="#">Footwear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Girls</h2>
<ul class="links">
<li><a href="#">Sandals </a></li>
<li><a href="#">Shorts</a></li>
<li><a href="#">Dresses</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Bags</a></li>
<li><a href="#">Night Dress</a></li>
<li><a href="#">Swim Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-4 col-menu banner-image"> <img class="img-responsive" src="{{ asset('images/font/banners/top-menu-banner.jpg') }}" alt=""> </div>
<!-- /.yamm-content -->
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown mega-menu">
<a href="category.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Electronics <span class="menu-label hot-menu hidden-xs">hot</span> </a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Laptops</h2>
<ul class="links">
<li><a href="#">Gaming</a></li>
<li><a href="#">Laptop Skins</a></li>
<li><a href="#">Apple</a></li>
<li><a href="#">Dell</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Microsoft</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Adapters</a></li>
<li><a href="#">Batteries</a></li>
<li><a href="#">Cooling Pads</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Desktops</h2>
<ul class="links">
<li><a href="#">Routers & Modems</a></li>
<li><a href="#">CPUs, Processors</a></li>
<li><a href="#">PC Gaming Store</a></li>
<li><a href="#">Graphics Cards</a></li>
<li><a href="#">Components</a></li>
<li><a href="#">Webcam</a></li>
<li><a href="#">Memory (RAM)</a></li>
<li><a href="#">Motherboards</a></li>
<li><a href="#">Keyboards</a></li>
<li><a href="#">Headphones</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Cameras</h2>
<ul class="links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Binoculars</a></li>
<li><a href="#">Telescopes</a></li>
<li><a href="#">Camcorders</a></li>
<li><a href="#">Digital</a></li>
<li><a href="#">Film Cameras</a></li>
<li><a href="#">Flashes</a></li>
<li><a href="#">Lenses</a></li>
<li><a href="#">Surveillance</a></li>
<li><a href="#">Tripods</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Mobile Phones</h2>
<ul class="links">
<li><a href="#">Apple</a></li>
<li><a href="#">Samsung</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Motorola</a></li>
<li><a href="#">LeEco</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Acer</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Memory Cards</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-menu custom-banner"> <a href="#"><img alt="" src="{{ asset('images/font/banners/top-menu-banner1.jpg') }}"></a> </div>
</div>
<!-- /.row -->
</div>
<!-- /.yamm-content --> </li>
</ul>
</li>
<li class="dropdown hidden-sm"> <a href="category.html">Health & Beauty <span class="menu-label new-menu hidden-xs">new</span> </a> </li>
<li class="dropdown hidden-sm"> <a href="category.html">Watches</a> </li>
<li class="dropdown"> <a href="contact.html">Jewellery</a> </li>
<li class="dropdown"> <a href="contact.html">Shoes</a> </li>
<li class="dropdown"> <a href="contact.html">Kids & Girls</a> </li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
<ul class="dropdown-menu pages">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-menu">
<ul class="links">
<li><a href="home.html">Home</a></li>
<li><a href="category.html">Category</a></li>
<li><a href="detail.html">Detail</a></li>
<li><a href="shopping-cart.html">Shopping Cart Summary</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Detail</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="my-wishlist.html">Wishlist</a></li>
<li><a href="terms-conditions.html">Terms and Condition</a></li>
<li><a href="track-orders.html">Track Orders</a></li>
<li><a href="product-comparison.html">Product-Comparison</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown navbar-right special-menu"> <a href="#">Get 30% off on selected items</a> </li>
</ul>
<!-- /.navbar-nav -->
<div class="clearfix"></div>
</div>
<!-- /.nav-outer -->
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.nav-bg-class -->
</div>
<!-- /.navbar-default -->
</div>
<!-- /.container-class -->
</div>
<!-- /.header-nav -->
<!-- ============================================== NAVBAR : END ============================================== -->
</header>
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Home</a></li>
<li class='active'>Blog Details</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.container -->
</div><!-- /.breadcrumb -->
<div class="body-content">
<div class="container">
<div class="row">
<div class="blog-page">
<div class="col-xs-12 col-sm-9 col-md-9 rht-col">
<div class="blog-post wow fadeInUp">
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_01.jpg') }}" alt="">
<h1>Nemo enim ipsam voluptatem quia voluptas sit aspernatur</h1>
<span class="author">John Doe</span>
<span class="review">7 Comments</span>
<span class="date-time">18/06/2016 11.30AM</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="social-media">
<span>share post:</span>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-rss"></i></a>
<a href="#" class="hidden-xs"><i class="fa fa-pinterest"></i></a>
</div>
</div>
<div class="blog-post-author-details wow fadeInUp">
<div class="row">
<div class="col-md-2">
<img src="{{ asset('images/font/testimonials/member3.png') }}" alt="Responsive image" class="img-circle img-responsive">
</div>
<div class="col-md-10">
<h4>John Doe</h4>
<div class="btn-group author-social-network pull-right">
<span>Follow me on</span>
<button type="button" class="dropdown-toggle" data-toggle="dropdown">
<i class="twitter-icon fa fa-twitter"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="icon fa fa-facebook"></i>Facebook</a></li>
<li><a href="#"><i class="icon fa fa-linkedin"></i>Linkedin</a></li>
<li><a href="#"><i class="icon fa fa-pinterest"></i>Pinterst</a></li>
<li><a href="#"><i class="icon fa fa-rss"></i>RSS</a></li>
</ul>
</div>
<span class="author-job">Web Designer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</div>
<div class="blog-review wow fadeInUp">
<div class="row">
<div class="col-md-12">
<h3 class="title-review-comments">16 comments</h3>
</div>
<div class="col-md-2 col-sm-2">
<img src="{{ asset('images/font/testimonials/member1.png') }}" alt="Responsive image" class="img-rounded img-responsive">
</div>
<div class="col-md-10 col-sm-10 blog-comments outer-bottom-xs">
<div class="blog-comments inner-bottom-xs">
<h4>Jone doe</h4>
<span class="review-action pull-right">
03 Day ago &sol;
<a href="#"> Repost</a> &sol;
<a href="#"> Reply</a>
</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
<div class="blog-comments-responce outer-top-xs ">
<div class="row">
<div class="col-md-2 col-sm-2">
<img src="{{ asset('images/font/testimonials/member2.png') }}" alt="Responsive image" class="img-rounded img-responsive">
</div>
<div class="col-md-10 col-sm-10 outer-bottom-xs">
<div class="blog-sub-comments inner-bottom-xs">
<h4>Sarah Smith</h4>
<span class="review-action pull-right">
03 Day ago &sol;
<a href="#"> Repost</a> &sol;
<a href="#"> Reply</a>
</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
<div class="col-md-2 col-sm-2">
<img src="{{ asset('images/font/testimonials/member3.png') }}" alt="Responsive image" class="img-rounded img-responsive">
</div>
<div class="col-md-10 col-sm-10">
<div class=" inner-bottom-xs">
<h4>Stephen</h4>
<span class="review-action pull-right">
03 Day ago &sol;
<a href="#"> Repost</a> &sol;
<a href="#"> Reply</a>
</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-2">
<img src="{{ asset('images/font/testimonials/member4.png') }}" alt="Responsive image" class="img-rounded img-responsive">
</div>
<div class="col-md-10 col-sm-10">
<div class="blog-comments inner-bottom-xs outer-bottom-xs">
<h4>Saraha Smith</h4>
<span class="review-action pull-right">
03 Day ago &sol;
<a href="#"> Repost</a> &sol;
<a href="#"> Reply</a>
</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
<div class="col-md-2 col-sm-2">
<img src="{{ asset('images/font/testimonials/member1.png') }}" alt="Responsive image" class="img-rounded img-responsive">
</div>
<div class="col-md-10 col-sm-10">
<div class="blog-comment inner-bottom-xs">
<h4>Mark Doe</h4>
<span class="review-action pull-right">
03 Day ago &sol;
<a href="#"> Repost</a> &sol;
<a href="#"> Reply</a>
</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
<div class="post-load-more col-md-12"><a class="btn btn-upper btn-primary" href="#">Load more</a></div>
</div>
</div> <div class="blog-write-comment outer-bottom-xs outer-top-xs">
<div class="row">
<div class="col-md-12">
<h4>Leave A Comment</h4>
</div>
<div class="col-md-4">
<form class="register-form" role="form">
<div class="form-group">
<label class="info-title" for="exampleInputName">Your Name <span>*</span></label>
<input type="email" class="form-control unicase-form-control text-input" id="exampleInputName" placeholder="">
</div>
</form>
</div>
<div class="col-md-4">
<form class="register-form" role="form">
<div class="form-group">
<label class="info-title" for="exampleInputEmail1">Email Address <span>*</span></label>
<input type="email" class="form-control unicase-form-control text-input" id="exampleInputEmail1" placeholder="">
</div>
</form>
</div>
<div class="col-md-4">
<form class="register-form" role="form">
<div class="form-group">
<label class="info-title" for="exampleInputTitle">Title <span>*</span></label>
<input type="email" class="form-control unicase-form-control text-input" id="exampleInputTitle" placeholder="">
</div>
</form>
</div>
<div class="col-md-12">
<form class="register-form" role="form">
<div class="form-group">
<label class="info-title" for="exampleInputComments">Your Comments <span>*</span></label>
<textarea class="form-control unicase-form-control" id="exampleInputComments" ></textarea>
</div>
</form>
</div>
<div class="col-md-12 outer-bottom-small m-t-20">
<button type="submit" class="btn-upper btn btn-primary checkout-page-button">Submit Comment</button>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 sidebar">
<div class="sidebar-module-container">
<div class="search-area outer-bottom-small">
<form>
<div class="control-group">
<input placeholder="Type to search" class="search-field">
<a href="#" class="search-button"></a>
</div>
</form>
</div>
<div class="home-banner outer-top-n outer-bottom-xs">
<img src="{{ asset('images/font/banners/LHS-banner.jpg') }}" alt="Image">
</div>
<!-- ==============================================CATEGORY============================================== -->
<div class="sidebar-widget outer-bottom-xs wow fadeInUp">
<h3 class="section-title">Category</h3>
<div class="sidebar-widget-body m-t-10">
<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseOne" data-toggle="collapse" class="accordion-toggle collapsed">
Camera
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseTwo" data-toggle="collapse" class="accordion-toggle collapsed">
Desktops
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseTwo" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseThree" data-toggle="collapse" class="accordion-toggle collapsed">
Pants
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseThree" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseFour" data-toggle="collapse" class="accordion-toggle collapsed">
Bags
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseFour" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseFive" data-toggle="collapse" class="accordion-toggle collapsed">
Hats
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseFive" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseSix" data-toggle="collapse" class="accordion-toggle collapsed">
Accessories
</a>
</div><!-- /.accordion-heading -->
<div class="accordion-body collapse" id="collapseSix" style="height: 0px;">
<div class="accordion-inner">
<ul>
<li><a href="#">gaming</a></li>
<li><a href="#">office</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">for women</a></li>
</ul>
</div><!-- /.accordion-inner -->
</div><!-- /.accordion-body -->
</div><!-- /.accordion-group -->
</div><!-- /.accordion -->
</div><!-- /.sidebar-widget-body -->
</div><!-- /.sidebar-widget -->
<!-- ============================================== CATEGORY : END ============================================== --> <div class="sidebar-widget outer-bottom-xs wow fadeInUp">
<h3 class="section-title">tab widget</h3>
<ul class="nav nav-tabs">
<li class="active"><a href="#popular" data-toggle="tab">popular post</a></li>
<li><a href="#recent" data-toggle="tab">recent post</a></li>
</ul>
<div class="tab-content" style="padding-left:0">
<div class="tab-pane active m-t-20" id="popular">
<div class="blog-post inner-bottom-30 " >
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_01.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">12/06/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="blog-post" >
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_02.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">23/06/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="tab-pane m-t-20" id="recent">
<div class="blog-post inner-bottom-30" >
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_03.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">5/06/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="blog-post">
<img class="img-responsive" src="{{ asset('images/font/blog-post/blog_big_01.jpg') }}" alt="">
<h4><a href="blog-details.html">Simple Blog Post</a></h4>
<span class="review">6 Comments</span>
<span class="date-time">10/07/16</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
</div>
</div>
<!-- ============================================== PRODUCT TAGS ============================================== -->
<div class="sidebar-widget product-tag wow fadeInUp">
<h3 class="section-title">Product tags</h3>
<div class="sidebar-widget-body outer-top-xs">
<div class="tag-list">
<a class="item" title="Phone" href="category.html">Phone</a>
<a class="item active" title="Vest" href="category.html">Vest</a>
<a class="item" title="Smartphone" href="category.html">Smartphone</a>
<a class="item" title="Furniture" href="category.html">Furniture</a>
<a class="item" title="T-shirt" href="category.html">T-shirt</a>
<a class="item" title="Sweatpants" href="category.html">Sweatpants</a>
<a class="item" title="Sneaker" href="category.html">Sneaker</a>
<a class="item" title="Toys" href="category.html">Toys</a>
<a class="item" title="Rose" href="category.html">Rose</a>
</div><!-- /.tag-list -->
</div><!-- /.sidebar-widget-body -->
</div><!-- /.sidebar-widget -->
<!-- ============================================== PRODUCT TAGS : END ============================================== --> </div>
</div>
</div>
</div>
</div>
</div>
<!-- ============================================================= FOOTER ============================================================= -->
<!-- ============================================== INFO BOXES ============================================== -->
<div class="row our-features-box">
<div class="container">
<ul>
<li>
<div class="feature-box">
<div class="icon-truck"></div>
<div class="content-blocks">We ship worldwide</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-support"></div>
<div class="content-blocks">call
+1 800 789 0000</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-money"></div>
<div class="content-blocks">Money Back Guarantee</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-return"></div>
<div class="content">30 days return</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /.info-boxes -->
<!-- ============================================== INFO BOXES : END ============================================== -->
<!-- ============================================================= FOOTER ============================================================= -->
<footer id="footer" class="footer color-bg">
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="address-block">
<!-- /.module-heading -->
<div class="module-body">
<ul class="toggle-footer" style="">
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>ThemesGround, 789 Main rd, Anytown, CA 12345 USA</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-mobile fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body">
<p>+(888) 123-4567<br>
+(888) 456-7890</p>
</div>
</li>
<li class="media">
<div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-envelope fa-stack-1x fa-inverse"></i> </span> </div>
<div class="media-body"> <span><a href="#">marazzo@themesground.com</a></span> </div>
</li>
</ul>
</div>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Customer Service</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="#" title="Contact us">My Account</a></li>
<li><a href="#" title="About us">Order History</a></li>
<li><a href="#" title="faq">FAQ</a></li>
<li><a href="#" title="Popular Searches">Specials</a></li>
<li class="last"><a href="#" title="Where is my order?">Help Center</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Corporation</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a title="Your Account" href="#">About us</a></li>
<li><a title="Information" href="#">Customer Service</a></li>
<li><a title="Addresses" href="#">Company</a></li>
<li><a title="Addresses" href="#">Investor Relations</a></li>
<li class="last"><a title="Orders History" href="#">Advanced Search</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="module-heading">
<h4 class="module-title">Why Choose Us</h4>
</div>
<!-- /.module-heading -->
<div class="module-body">
<ul class='list-unstyled'>
<li class="first"><a href="#" title="About us">Shopping Guide</a></li>
<li><a href="#" title="Blog">Blog</a></li>
<li><a href="#" title="Company">Company</a></li>
<li><a href="#" title="Investor Relations">Investor Relations</a></li>
<li class=" last"><a href="contact-us.html" title="Suppliers">Contact Us</a></li>
</ul>
</div>
<!-- /.module-body -->
</div>
</div>
</div>
</div>
<div class="copyright-bar">
<div class="container">
<div class="col-xs-12 col-sm-4 no-padding social">
<ul class="link">
<li class="fb pull-left"><a target="_blank" rel="nofollow" href="#" title="Facebook"></a></li>
<li class="tw pull-left"><a target="_blank" rel="nofollow" href="#" title="Twitter"></a></li>
<li class="googleplus pull-left"><a target="_blank" rel="nofollow" href="#" title="GooglePlus"></a></li>
<li class="rss pull-left"><a target="_blank" rel="nofollow" href="#" title="RSS"></a></li>
<li class="pintrest pull-left"><a target="_blank" rel="nofollow" href="#" title="PInterest"></a></li>
<li class="linkedin pull-left"><a target="_blank" rel="nofollow" href="#" title="Linkedin"></a></li>
<li class="youtube pull-left"><a target="_blank" rel="nofollow" href="#" title="Youtube"></a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 no-padding copyright">&copy; 2018 ThemesGround. All Rights Reserved. </div>
<div class="col-xs-12 col-sm-4 no-padding">
<div class="clearfix payment-methods">
<ul>
<li><img src="{{ asset('images/font/payments/1.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/2.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/3.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/4.png') }}" alt=""></li>
<li><img src="{{ asset('images/font/payments/5.png') }}" alt=""></li>
</ul>
</div>
<!-- /.payment-methods -->
</div>
</div>
</div>
</footer>
<!-- ============================================================= FOOTER : END============================================================= -->
{% endblock %}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,338 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Newslettre {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Newslettre</a></li>
<li class='active'>Configuration</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<div class="row">
<div class="col-md-4">
<h3>Default Styling</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Checkbox Block (Default Checked)</b></small>
<div class="form-group">
<div class="checkbox checbox-switch">
<label>
<input type="checkbox" name="" checked="checked" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Checkbox Inline (Default Unchecked)</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch">
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
<small class="text-uppercase text-muted"><b>Checkbox Disabled (Default Checked)</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
<small class="text-uppercase text-muted"><b>Checkbox Disabled (Default Unchecked)</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch">
<input type="checkbox" name="" disabled="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
<h3>Light Styling</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Checkbox Block</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-light">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Checkbox Inline</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-light">
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
<small class="text-uppercase text-muted"><b>Checkbox Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-light">
<input type="checkbox" name="" disabled="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
<h3>Success</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-success">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-success">
<label>
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-success">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<h3>Primary</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-primary">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-primary">
<label>
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-primary">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
<h3>Info</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-info">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-info">
<label>
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-info">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
<h3>Warning</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-warning">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-warning">
<label>
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-warning">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<h3>Danger</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-danger">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-danger">
<label>
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-danger">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
<h3>Dark</h3>
<div class="panel panel-default">
<div class="panel-body">
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-dark">
<label>
<input type="checkbox" name="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
<div class="form-group">
<div class="checkbox checbox-switch switch-dark">
<label>
<input type="checkbox" name="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
<div class="form-group">
<label class="checkbox-inline checbox-switch switch-dark">
<input type="checkbox" name="" disabled="" checked="" />
<span></span>
Checkbox Label
</label>
</div>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.sigin-in-->
<br><br><br><br>
</div>
{% endblock %}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,107 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Radio {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Demo</a></li>
<li class='active'>Radio</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<h2>Radios</h2>
<form role="form">
<div class="row">
<div class="col-md-4">
<fieldset>
<legend>
Basic
</legend>
<p>
Supports bootstrap brand colors: <code>.radio-primary</code>, <code>.radio-danger</code> etc.
</p>
<div class="row">
<div class="col-sm-6">
<div class="radio">
<input type="radio" name="radio1" id="radio1" value="option1" checked="">
<label for="radio1">
Small
</label>
</div>
<div class="radio">
<input type="radio" name="radio1" id="radio2" value="option2">
<label for="radio2">
Big
</label>
</div>
</div>
<div class="col-sm-6">
<div class="radio radio-danger">
<input type="radio" name="radio2" id="radio3" value="option1">
<label for="radio3">
Next
</label>
</div>
<div class="radio radio-danger">
<input type="radio" name="radio2" id="radio4" value="option2" checked="">
<label for="radio4">
One
</label>
</div>
</div>
</div>
<p>Inline radios</p>
<div class="radio radio-info radio-inline">
<input type="radio" id="inlineRadio1" value="option1" name="radioInline" checked="">
<label for="inlineRadio1"> Inline One </label>
</div>
<div class="radio radio-inline">
<input type="radio" id="inlineRadio2" value="option1" name="radioInline">
<label for="inlineRadio2"> Inline Two </label>
</div>
</fieldset>
</div>
<div class="col-md-4">
<fieldset>
<legend>
Disabled
</legend>
<p>
Disabled state also supported.
</p>
<div class="radio radio-danger">
<input type="radio" name="radio3" id="radio5" value="option1" disabled="">
<label for="radio5">
Next
</label>
</div>
<div class="radio">
<input type="radio" name="radio3" id="radio6" value="option2" checked="" disabled="">
<label for="radio6">
One
</label>
</div>
</fieldset>
</div>
</div>
</div><!-- /.sigin-in-->
<br><br><br><br>
</div>
{% endblock %}

View File

@@ -0,0 +1,725 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{{ encore_entry_link_tags('app_frontend') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app_frontend') }}
{% endblock %}
</head>
{% block body %}
<body class="cnt-home">
<!-- ============================================== HEADER ============================================== -->
<header class="header-style-1">
<!-- ============================================== TOP MENU ============================================== -->
<div class="top-bar animate-dropdown">
<div class="container">
<div class="header-top-inner">
<div class="cnt-account">
<ul class="list-unstyled">
<li class="myaccount"><a href="#"><span>My Account</span></a></li>
<li class="wishlist"><a href="#"><span>Wishlist</span></a></li>
<li class="header_cart hidden-xs"><a href="#"><span>My Cart</span></a></li>
<li class="check"><a href="#"><span>Checkout</span></a></li>
<li class="login"><a href="#"><span>Login</span></a></li>
</ul>
</div>
<!-- /.cnt-account -->
<div class="cnt-block">
<ul class="list-unstyled list-inline">
<li class="dropdown dropdown-small">
<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">USD </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">USD</a></li>
<li><a href="#">INR</a></li>
<li><a href="#">GBP</a></li>
</ul>
</li>
<li class="dropdown dropdown-small">
<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">English </span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">English</a></li>
<li><a href="#">French</a></li>
<li><a href="#">German</a></li>
</ul>
</li>
</ul>
<!-- /.list-unstyled -->
</div>
<!-- /.cnt-cart -->
<div class="clearfix"></div>
</div>
<!-- /.header-top-inner -->
</div>
<!-- /.container -->
</div>
<!-- /.header-top -->
<!-- ============================================== TOP MENU : END ============================================== -->
<div class="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
<!-- ============================================================= LOGO ============================================================= -->
<div class="logo"> <a href="home.html"> <img src="{{ asset('images/font/logo.png') }}" alt="logo"> </a> </div>
<!-- /.logo -->
<!-- ============================================================= LOGO : END ============================================================= -->
</div>
<!-- /.logo-holder -->
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
<!-- /.contact-row -->
<!-- ============================================================= SEARCH AREA ============================================================= -->
<div class="search-area">
<form>
<div class="control-group">
<ul class="categories-filter animate-dropdown">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="category.html">Categories <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" >
<li class="menu-header">Computer</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Clothing</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Electronics</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Shoes</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Watches</a></li>
</ul>
</li>
</ul>
<input class="search-field" placeholder="Search here..." />
<a class="search-button" href="#" ></a>
</div>
</form>
</div>
<!-- /.search-area -->
<!-- ============================================================= SEARCH AREA : END ============================================================= -->
</div>
<!-- /.top-search-holder -->
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
<!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
<div class="dropdown dropdown-cart">
<a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
<div class="items-cart-inner">
<div class="basket">
<div class="basket-item-count"><span class="count">2</span></div>
<div class="total-price-basket"> <span class="lbl">Shopping Cart</span> <span class="value">$4580</span> </div>
</div>
</div>
</a>
<ul class="dropdown-menu">
<li>
<div class="cart-item product-summary">
<div class="row">
<div class="col-xs-4">
<div class="image"> <a href="detail.html"><img src="{{ asset('images/font/products/p4.jpg') }}" alt=""></a> </div>
</div>
<div class="col-xs-7">
<h3 class="name"><a href="index8a95.html?page-detail">Simple Product</a></h3>
<div class="price">$600.00</div>
</div>
<div class="col-xs-1 action"> <a href="#"><i class="fa fa-trash"></i></a> </div>
</div>
</div>
<!-- /.cart-item -->
<div class="clearfix"></div>
<hr>
<div class="clearfix cart-total">
<div class="pull-right"> <span class="text">Sub Total :</span><span class='price'>$600.00</span> </div>
<div class="clearfix"></div>
<a href="checkout.html" class="btn btn-upper btn-primary btn-block m-t-20">Checkout</a>
</div>
<!-- /.cart-total-->
</li>
</ul>
<!-- /.dropdown-menu-->
</div>
<!-- /.dropdown-cart -->
<!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= -->
</div>
<!-- /.top-cart-row -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.main-header -->
<!-- ============================================== NAVBAR ============================================== -->
<div class="header-nav animate-dropdown">
<div class="container">
<div class="yamm navbar navbar-default" role="navigation">
<div class="navbar-header">
<button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="nav-bg-class">
<div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
<div class="nav-outer">
<ul class="nav navbar-nav">
<li class="active dropdown"> <a href="home.html">Home</a> </li>
<li class="dropdown yamm mega-menu">
<a href="home.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Clothing</a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content ">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Men</h2>
<ul class="links">
<li><a href="#">Dresses</a></li>
<li><a href="#">Shoes </a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Sunglasses</a></li>
<li><a href="#">Sport Wear</a></li>
<li><a href="#">Blazers</a></li>
<li><a href="#">Shirts</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Women</h2>
<ul class="links">
<li><a href="#">Handbags</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Swimwear </a></li>
<li><a href="#">Tops</a></li>
<li><a href="#">Flats</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">Winter Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Boys</h2>
<ul class="links">
<li><a href="#">Toys & Games</a></li>
<li><a href="#">Jeans</a></li>
<li><a href="#">Shirts</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">School Bags</a></li>
<li><a href="#">Lunch Box</a></li>
<li><a href="#">Footwear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-2 col-menu">
<h2 class="title">Girls</h2>
<ul class="links">
<li><a href="#">Sandals </a></li>
<li><a href="#">Shorts</a></li>
<li><a href="#">Dresses</a></li>
<li><a href="#">Jwellery</a></li>
<li><a href="#">Bags</a></li>
<li><a href="#">Night Dress</a></li>
<li><a href="#">Swim Wear</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-6 col-md-4 col-menu banner-image"> <img class="img-responsive" src="{{ asset('images/font/banners/top-menu-banner.jpg') }}" alt=""> </div>
<!-- /.yamm-content -->
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown mega-menu">
<a href="category.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Electronics <span class="menu-label hot-menu hidden-xs">hot</span> </a>
<ul class="dropdown-menu container">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Laptops</h2>
<ul class="links">
<li><a href="#">Gaming</a></li>
<li><a href="#">Laptop Skins</a></li>
<li><a href="#">Apple</a></li>
<li><a href="#">Dell</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Microsoft</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Adapters</a></li>
<li><a href="#">Batteries</a></li>
<li><a href="#">Cooling Pads</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Desktops</h2>
<ul class="links">
<li><a href="#">Routers & Modems</a></li>
<li><a href="#">CPUs, Processors</a></li>
<li><a href="#">PC Gaming Store</a></li>
<li><a href="#">Graphics Cards</a></li>
<li><a href="#">Components</a></li>
<li><a href="#">Webcam</a></li>
<li><a href="#">Memory (RAM)</a></li>
<li><a href="#">Motherboards</a></li>
<li><a href="#">Keyboards</a></li>
<li><a href="#">Headphones</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Cameras</h2>
<ul class="links">
<li><a href="#">Accessories</a></li>
<li><a href="#">Binoculars</a></li>
<li><a href="#">Telescopes</a></li>
<li><a href="#">Camcorders</a></li>
<li><a href="#">Digital</a></li>
<li><a href="#">Film Cameras</a></li>
<li><a href="#">Flashes</a></li>
<li><a href="#">Lenses</a></li>
<li><a href="#">Surveillance</a></li>
<li><a href="#">Tripods</a></li>
</ul>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-12 col-md-2 col-menu">
<h2 class="title">Mobile Phones</h2>
<ul class="links">
<li><a href="#">Apple</a></li>
<li><a href="#">Samsung</a></li>
<li><a href="#">Lenovo</a></li>
<li><a href="#">Motorola</a></li>
<li><a href="#">LeEco</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Acer</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Memory Cards</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-menu custom-banner"> <a href="#"><img alt="" src="{{ asset('images/font/banners/top-menu-banner1.jpg') }}"></a> </div>
</div>
<!-- /.row -->
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
<li class="dropdown hidden-sm"> <a href="category.html">Health & Beauty <span class="menu-label new-menu hidden-xs">new</span> </a> </li>
<li class="dropdown hidden-sm"> <a href="category.html">Watches</a> </li>
<li class="dropdown"> <a href="contact.html">Jewellery</a> </li>
<li class="dropdown"> <a href="contact.html">Shoes</a> </li>
<li class="dropdown"> <a href="contact.html">Kids & Girls</a> </li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
<ul class="dropdown-menu pages">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-menu">
<ul class="links">
<li><a href="home.html">Home</a></li>
<li><a href="category.html">Category</a></li>
<li><a href="detail.html">Detail</a></li>
<li><a href="shopping-cart.html">Shopping Cart Summary</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Detail</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="my-wishlist.html">Wishlist</a></li>
<li><a href="terms-conditions.html">Terms and Condition</a></li>
<li><a href="track-orders.html">Track Orders</a></li>
<li><a href="product-comparison.html">Product-Comparison</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown navbar-right special-menu"> <a href="#">Get 30% off on selected items</a> </li>
</ul>
<!-- /.navbar-nav -->
<div class="clearfix"></div>
</div>
<!-- /.nav-outer -->
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.nav-bg-class -->
</div>
<!-- /.navbar-default -->
</div>
<!-- /.container-class -->
</div>
<!-- /.header-nav -->
<!-- ============================================== NAVBAR : END ============================================== -->
</header>
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">Clothing</a></li>
<li class='active'>Floral Print Buttoned</li>
</ul>
</div>
<!-- /.breadcrumb-inner -->
</div>
<!-- /.container -->
</div>
<!-- /.breadcrumb -->
<div class="body-content outer-top-xs">
<div class='container'>
<div class='row single-product'>
<!-- /.sidebar -->
<div class='col-xs-12 col-sm-12 col-md-9 rht-col'>
<div class="detail-block">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 gallery-holder">
<div class="product-item-holder size-big single-product-gallery small-gallery">
<div id="owl-single-product">
<div class="single-product-gallery-item" id="slide1">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p1.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p1.jpg') }}" data-echo="{{ asset('images/font/products/p1.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide2">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p2.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p2.jpg') }}" data-echo="{{ asset('images/font/products/p2.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide3">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p3.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p3.jpg') }}" data-echo="{{ asset('images/font/products/p3.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide4">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p4.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p4.jpg') }}" data-echo="{{ asset('images/font/products/p4.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide5">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p5.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p5.jpg') }}" data-echo="{{ asset('images/font/products/p5.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide6">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p6.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p6.jpg') }}" data-echo="{{ asset('images/font/products/p6.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide7">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p7.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p7.jpg') }}" data-echo="{{ asset('images/font/products/p7.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide8">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p8.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p8.jpg') }}" data-echo="{{ asset('images/font/products/p8.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
<div class="single-product-gallery-item" id="slide9">
<a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p9.jpg') }}">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p9.jpg') }}" data-echo="{{ asset('images/font/products/p9.jpg') }}" />
</a>
</div>
<!-- /.single-product-gallery-item -->
</div>
<!-- /.single-product-slider -->
<div class="single-product-gallery-thumbs gallery-thumbs">
<div id="owl-single-product-thumbnails">
<div class="item">
<a class="horizontal-thumb active" data-target="#owl-single-product" data-slide="1" href="#slide1">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p1.jpg') }}" data-echo="{{ asset('images/font/products/p1.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="2" href="#slide2">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p2.jpg') }}" data-echo="{{ asset('images/font/products/p2.jpg') }}"/>
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="3" href="#slide3">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p3.jpg') }}" data-echo="{{ asset('images/font/products/p3.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="4" href="#slide4">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p4.jpg') }}" data-echo="{{ asset('images/font/products/p4.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="5" href="#slide5">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p5.jpg') }}" data-echo="{{ asset('images/font/products/p5.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="6" href="#slide6">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p6.jpg') }}" data-echo="{{ asset('images/font/products/p6.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="7" href="#slide7">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p7.jpg') }}" data-echo="{{ asset('images/font/products/p7.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="8" href="#slide8">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p8.jpg') }}" data-echo="{{ asset('images/font/products/p8.jpg') }}" />
</a>
</div>
<div class="item">
<a class="horizontal-thumb" data-target="#owl-single-product" data-slide="9" href="#slide9">
<img class="img-responsive" alt="" src="{{ asset('images/font/products/p9.jpg') }}" data-echo="{{ asset('images/font/products/p9.jpg') }}" />
</a>
</div>
</div>
<!-- /#owl-single-product-thumbnails -->
</div>
<!-- /.gallery-thumbs -->
</div>
<!-- /.single-product-gallery -->
</div>
<!-- /.gallery-holder -->
<div class='col-sm-12 col-md-8 col-lg-8 product-info-block'>
<div class="product-info">
<h1 class="name">Floral Print Buttoned</h1>
<div class="rating-reviews m-t-20">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="rating rateit-small"></div>
</div>
<div class="pull-left">
<div class="reviews">
<a href="#" class="lnk">(13 Reviews)</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.rating-reviews -->
<div class="stock-container info-container m-t-10">
<div class="row">
<div class="col-lg-12">
<div class="pull-left">
<div class="stock-box">
<span class="label">Availability :</span>
</div>
</div>
<div class="pull-left">
<div class="stock-box">
<span class="value">In Stock</span>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.stock-container -->
<div class="description-container m-t-20">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<!-- /.description-container -->
<div class="price-container info-container m-t-30">
<div class="row">
<div class="col-sm-6 col-xs-6">
<div class="price-box">
<span class="price">$800.00</span>
<span class="price-strike">$900.00</span>
</div>
</div>
<div class="col-sm-6 col-xs-6">
<div class="favorite-button m-t-5">
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Wishlist" href="#">
<i class="fa fa-heart"></i>
</a>
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Add to Compare" href="#">
<i class="fa fa-signal"></i>
</a>
<a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="E-mail" href="#">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.price-container -->
<div class="quantity-container info-container">
<div class="row">
<div class="qty">
<span class="label">Qty :</span>
</div>
<div class="qty-count">
<div class="cart-quantity">
<div class="quant-input">
<div class="arrows">
<div class="arrow plus gradient"><span class="ir"><i class="icon fa fa-sort-asc"></i></span></div>
<div class="arrow minus gradient"><span class="ir"><i class="icon fa fa-sort-desc"></i></span></div>
</div>
<input type="text" value="1">
</div>
</div>
</div>
<div class="add-btn">
<a href="#" class="btn btn-primary"><i class="fa fa-shopping-cart inner-right-vs"></i> ADD TO CART</a>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.quantity-container -->
</div>
<!-- /.product-info -->
</div>
<!-- /.col-sm-7 -->
</div>
<!-- /.row -->
</div>
<!-- /.product-tabs -->
<!-- ============================================== UPSELL PRODUCTS : END ============================================== -->
</div>
<!-- /.col -->
<div class="clearfix"></div>
</div>
<!-- /.row -->
<!-- ============================================== BRANDS CAROUSEL ============================================== -->
<div id="brands-carousel" class="logo-slider">
<div class="logo-slider-inner">
<div id="brand-slider" class="owl-carousel brand-slider custom-carousel owl-theme">
<div class="item m-t-15">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand1.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item m-t-10">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand2.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand3.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand4.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand5.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand6.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand2.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand4.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand1.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
<div class="item">
<a href="#" class="image">
<img data-echo="{{ asset('images/font/brands/brand5.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
</a>
</div>
<!--/.item-->
</div>
<!-- /.owl-carousel #logo-slider -->
</div>
<!-- /.logo-slider-inner -->
</div>
<!-- /.logo-slider -->
<!-- ============================================== BRANDS CAROUSEL : END ============================================== -->
</div>
<!-- /.container -->
</div>
<!-- /.body-content -->
<!-- ============================================================= FOOTER ============================================================= -->
<!-- ============================================== INFO BOXES ============================================== -->
<div class="row our-features-box">
<div class="container">
<ul>
<li>
<div class="feature-box">
<div class="icon-truck"></div>
<div class="content-blocks">We ship worldwide</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-support"></div>
<div class="content-blocks">call
+1 800 789 0000
</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-money"></div>
<div class="content-blocks">Money Back Guarantee</div>
</div>
</li>
<li>
<div class="feature-box">
<div class="icon-return"></div>
<div class="content">30 days return</div>
</div>
</li>
</ul>
</div>
</div>
<!-- /.info-boxes -->
<!-- ============================================================= FOOTER : END============================================================= -->
{% endblock %}
{#
<!-- For demo purposes can be removed on production -->
<!-- For demo purposes can be removed on production : End -->
<!-- JavaScripts placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/echo.min.js"></script>
<script src="assets/js/jquery.easing-1.3.min.js"></script>
<script src="assets/js/bootstrap-slider.min.js"></script>
<script src="assets/js/jquery.rateit.min.js"></script>
<script src="assets/js/lightbox.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/scripts.js"></script>
</body>
</html>
#}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Aide {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Service Client</a></li>
<li class='active'>Aide</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} FAQ {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Service Client</a></li>
<li class='active'>Nous contacter</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} FAQ {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Service Client</a></li>
<li class='active'>FAQ</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Mentions légales {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Société</a></li>
<li class='active'>Mentions légales</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Nos actualités {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Pourquoi nous choisir</a></li>
<li class='active'>Nos actualités</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Nos partenaires {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Pourquoi nous choisir</a></li>
<li class='active'>Nos partenaires</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Présentation {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Société</a></li>
<li class='active'>Présentation</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Qui sommes nous {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Société</a></li>
<li class='active'>Qui sommes nous</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,49 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Témoignages {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Pourquoi nous choisir</a></li>
<li class='active'>Témoignages</li>
</ul>
</div>
</div>
<div class="body-content">
<div class="terms-conditions-page">
<div class="row">
<div class="col-md-12 terms-conditions">
<h2 class="heading-title">Terms and Conditions</h2>
<div class="">
<h3>Intellectual Propertly</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Termination</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam erat. Duis velit lectus, posuere a blandit sit amet, tempor at lorem. Donec ultricies, lorem sed ultrices interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ol>
<h3>Changes to this agreement</h3>
<p>We reserve the right, at our sole discretion, to modify or replace these Terms and Conditions by posting the updated terms on the Site. Your continued use of the Site after any such changes constitutes your acceptance of the new Terms and Conditions. </p>
<h3>Contact Us</h3>
<p>If you have any questions about this Agreement, please contact us filling this <a href="#" class='contact-form'>contact form</a></p>
</div>
</div>
</div><!-- /.row -->
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,57 @@
<!-- ============================================== FEATURED PRODUCTS ============================================== -->
<section class="section new-arriavls outer-bottom">
<h3 class="section-title">Featured Products</h3>
<div class="owl-carousel home-owl-carousel custom-carousel owl-theme outer-top-xs">
{% for annonce in showAnnonce.annonces %}
<div class="item item-carousel">
<div class="products">
<div class="product">
<div class="product-image">
<div class="image">
<a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">
<img src="{{ asset('uploads/images/annonces/' ~ annonce.getImageHome()) }}" alt="{{ annonce.getTitre() }}">
<img src="{{ asset('uploads/images/annonces/' ~ annonce.getImageSearch()) }}" alt="{{ annonce.getTitre() }}" class="hover-image">
</a>
</div>
<!-- /.image -->
<div class="tag new"><span>new</span></div>
</div>
<!-- /.product-image -->
<div class="product-info text-left">
<h3 class="name"><a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">{{ annonce.getTitre() }}</a></h3>
<div class="rating rateit-small"></div>
<div class="description"></div>
<div class="product-price"> <span class="price"> {{ annonce.getPrixPromo() }} </span> <span class="price-before-discount">{{ annonce.getPrixMarche() }}</span> </div>
<!-- /.product-price -->
</div>
<!-- /.product-info -->
<div class="cart clearfix animate-effect">
<div class="action">
<ul class="list-unstyled">
<li class="add-cart-button btn-group">
<button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>
<button class="btn btn-primary cart-btn" type="button">Add to cart</button>
</li>
<li class="lnk wishlist"> <a class="add-to-cart" href="detail.html" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>
<li class="lnk"> <a class="add-to-cart" href="detail.html" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>
</ul>
</div>
<!-- /.action -->
</div>
<!-- /.cart -->
</div>
<!-- /.product -->
</div>
<!-- /.products -->
</div>
<!-- /.item -->
{% endfor %}
</div>
<!-- /.home-owl-carousel -->
</section>
<!-- /.section -->
<!-- ============================================== FEATURED PRODUCTS : END ============================================== -->

View File

@@ -0,0 +1,41 @@
{% if promo['type'] == 'annonce' %}
<div class="wide-banner cnt-strip">
<a href="{{ path('frontend_annonce_detail', {id:promo['id']} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
</div>
</a>
</div>
{% elseif promo['type'] == 'article' %}
<div class="wide-banner cnt-strip">
{% if app.user %}
<a href="{{ path('frontend_article_detail', {id:promo['id']} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/articles/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
</div>
</a>
{% else %}
<a href="#" data-toggle="modal" data-target="#visitorCnx">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/articles/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
</div>
</a>
{% endif %}
</div>
{% elseif promo['type']== 'service' %}
<div class="wide-banner cnt-strip">
{% if app.user %}
<a href="{{ path('frontend_service_detail', {id:promo['id']} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/services/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
</div>
</a>
{% else %}
<a href="#" data-toggle="modal" data-target="#visitorCnx">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/services/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
</div>
</a>
{% endif %}
</div>
{% endif %}

View File

@@ -0,0 +1,65 @@
<!-- ============================================== SIDEBAR ============================================== -->
<div class="col-xs-12 col-sm-12 col-md-3 sidebar">
<!-- ================================== TOP NAVIGATION ================================== -->
<div class="side-menu animate-dropdown outer-bottom-xs">
<div class="head">
<i class="icon fa fa-align-justify fa-fw"></i> Catégories
</div>
<nav class="yamm megamenu-horizontal">
<ul class="nav">
{% for groupe in groupes %}
<li class="dropdown menu-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon {{ groupe.getIconFontawesome() }}" aria-hidden="true"></i>{{ groupe.getNom() }}</a>
<ul class="dropdown-menu mega-menu">
<li class="yamm-content">
<div class="row">
{% set categories = groupe.getCategories() %}
{% set length = categories|length %}
{% if length is divisible by(8) %}
{% set nbrBloc = length % 8 %}
{% else %}
{% set nbrBloc = (length % 8) + 1 %}
{% endif %}
{% set starCate = 0 %}
{% set endCate = 10 %}
{% for i in 1..nbrBloc %}
{% set endCate = i * 10 %}
<div class="col-sm-12 col-md-4">
<ul class="links list-unstyled">
{% for j in starCate..endCate %}
{% if categories[j] is defined %}
<li><a href="{{ path('frontend_search_categorie', {id:categories[j].getId()} ) }}">{{ categories[j].getNom() }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
{% set starCate = endCate + 1 %}
{% endfor %}
{% if groupe.getImage() %}
<div class="dropdown-banner-holder">
<img alt="" src="{{ asset('uploads/images/groupes/' ~ groupe.getImage() ) }}" />
</div>
{% endif %}
</div>
</li>
</ul>
</li>
{% endfor %}
</ul>
<!-- /.nav -->
</nav>
<!-- /.megamenu-horizontal -->
</div>
<!-- /.side-menu -->
<!-- ================================== TOP NAVIGATION : END ================================== -->
</div>

View File

@@ -0,0 +1,36 @@
<div class="col-xs-12 col-sm-12 col-md-9 homebanner-holder">
<!-- ========================================== SECTION HERO ========================================= -->
<div id="hero">
<div id="owl-main" class="owl-carousel owl-inner-nav owl-ui-sm">
<div class="item" style="background-image: url({{ asset('images/font/sliders/01.jpg') }}">
<div class="container-fluid">
<div class="caption bg-color vertical-center text-left">
<div class="slider-header fadeInDown-1">Top Brands</div>
<div class="big-text fadeInDown-1"> New Collections </div>
<div class="excerpt fadeInDown-2 hidden-xs"> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> </div>
<div class="button-holder fadeInDown-3"> <a href="index6c11.html?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>
</div>
<!-- /.caption -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /.item -->
<div class="item" style="background-image: url({{ asset('images/font/sliders/02.jpg') }}">
<div class="container-fluid">
<div class="caption bg-color vertical-center text-left">
<div class="slider-header fadeInDown-1">Spring 2018</div>
<div class="big-text fadeInDown-1"> Women Fashion </div>
<div class="excerpt fadeInDown-2 hidden-xs"> <span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</span> </div>
<div class="button-holder fadeInDown-3"> <a href="index6c11.html?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>
</div>
<!-- /.caption -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /.item -->
</div>
<!-- /.owl-carousel -->
</div>
</div>

View File

@@ -0,0 +1,76 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Accueil {% endblock %}
{% block content %}
<div class="body-content outer-top-vs" id="top-banner-and-menu">
<div class="row outer-bottom-xs">
{% include 'frontend/home/include/categorie.html.twig' %}
{% include 'frontend/home/include/homebanner.html.twig' %}
</div>
{% for show in shows %}
<div class="wide-banners outer-bottom-vs">
{% if show['largeur'][0] == 4 %}
{% set promo = show['promos'][0] %}
<div class="row">
<div class="col-md-12 col-sm-12">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
</div>
{% elseif show['largeur'][0] == 3 %}
<div class="row">
{% for key, promo in show.promos %}
{% if (show['largeur'][0] == 3) and (key == 0) %}
<div class="col-md-9 col-sm-9">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
{% else %}
<div class="col-md-3 col-sm-3">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
{% endif %}
{% endfor %}
</div>
{% elseif show['largeur'][0] == 2 %}
<div class="row">
{% for key, promo in show.promos %}
{% if (show['largeur'][0] == 2) and (key == 0) %}
<div class="col-md-6 col-sm-6">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
{% else %}
{% if (show['largeur'][0] == 2) and (show['largeur'][key] == 1) %}
<div class="col-md-3 col-sm-3">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
{% else %}
<div class="col-md-6 col-sm-6">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
{% elseif show['largeur'][0] == 1 %}
<div class="row">
{% for key, promo in show.promos %}
<div class="col-md-3 col-sm-3">
{% include 'frontend/home/include/blocUniquePromo.html.twig' %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endblock %}

View File

@@ -0,0 +1,38 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Accueil {% endblock %}
{% block content %}
{% include 'frontend/basic/breadcrumb.html.twig' %}
<div class="body-content outer-top-vs" id="top-banner-and-menu">
<div class="wide-banners outer-bottom-vs">
<div class="row">
{% for annonce in annonces %}
<div class="col-md-3 col-sm-3">
<div class="wide-banner cnt-strip">
<a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">
<div class="image">
<img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ annonce.getImageSearch()) }}" alt="{{ annonce.getTitre() }}">
</div>
</a>
</div>
<br><br>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,87 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Newslettre {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Newslettre</a></li>
<li class='active'>Configuration</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<h3>Gestion des Newslettres</h3>
<br>
<div class="row">
<div class="col-md-3 ">
<div class="form-group">
<div class="checkbox checbox-switch switch-warning">
<label>
<input type="checkbox" class="check-groupe" data-related="0" {% if 0 in selectNews %} checked {% endif %} />
<span></span>
Newslettre par semaine
</label>
</div>
</div>
<br>
<div class="form-group">
<div class="checkbox checbox-switch switch-warning">
<label>
<input type="checkbox" class="check-groupe" data-related="-1" {% if -1 in selectNews %} checked {% endif %} />
<span></span>
Autres newsletters
</label>
</div>
</div>
</div>
<div class="col-md-7 col-md-offset-1">
<fieldset>
<legend>
Newslettre par catégories
</legend>
<div class="row">
{% for groupe in groupes %}
<div class="col-sm-3">
<div class="form-group">
<div class="checkbox checbox-switch switch-warning">
<label>
<input type="checkbox" class="check-groupe" data-related="{{ groupe.id }}" {% if groupe.id in selectNews %} checked {% endif %} />
<span></span>
{{ groupe.nom }}
</label>
</div>
</div>
</div>
{% endfor %}
</div>
</fieldset>
</div>
</div>
</div>
<br><br><br><br>
</div>
{% endblock %}
{% block javascripts %}
<script>
var pathAjaxUpdate = "{{ path('frontend_newslettre_update') }}";
</script>
{{ parent() }}
{% endblock %}

View File

@@ -0,0 +1,227 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Partenaire {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Partenaire</a></li>
<li class='active'>Devenir Partenaire</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<div class="row">
<div class="col-md-12 col-sm-12">
{{ form_start(form, {'attr': {'class': 'register-form outer-top-xs'}}) }}
{% include 'frontend/basic/alert.html.twig' %}
<h3>Devenir Partenaire</h3>
<br><br>
{% set formErrors = form.vars.errors.form.getErrors(true) %}
{% if formErrors|length %}
<div class="alert alert-danger">
<ul>
{% for key,error in formErrors %}
<li><strong>{{ error.message }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.nom) }} <span>*</span></label>
{{ form_widget(form.nom, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.nom) }}</span>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.immatriculation) }} <span>*</span></label>
{{ form_widget(form.immatriculation, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.immatriculation) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.telephone) }} <span>*</span></label>
{{ form_widget(form.telephone, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.telephone) }}</span>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.fax) }} </label>
{{ form_widget(form.fax, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.fax) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.email) }} <span>*</span></label>
{{ form_widget(form.email, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.email) }}</span>
</div>
</div>
<div class="col-md-8 col-sm-8">
<div class="form-group">
<label class="info-title">{{ form_label(form.adresse) }} <span>*</span></label>
{{ form_widget(form.adresse, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.adresse) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="form-group">
<label class="info-title">{{ form_label(form.photo) }} <span>*</span></label>
{{ form_widget(form.photo, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.photo) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="form-group">
<label class="info-title">{{ form_label(form.description) }} <span>*</span></label>
{{ form_widget(form.description, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.description) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-3 col-md-offset-5">
{{ form_row(form.save, { 'label': "valider", 'attr': {'class': 'btn btn-primary'} }) }}
</div>
</div>
{{ form_end(form) }}
{#
{{ form_start(form) }}
<div class="row g-3">
{{ form_errors(form) }}
{{ form_row(form._token) }}
<div class="col-6 my-3">
{{ form_label(form.nom, 'Nom Société', {'attr': {'class': 'form-label'}}) }}
<div class="input-group">
<span class="input-group-text"><i class="fa-solid fa-building"></i></span>
{{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">
{{ form_errors(form.nom) }}
</div>
</div>
</div>
<div class="col-6">
{{ form_label(form.immatriculation, 'Immatriculation', {'attr': {'class': 'form-label'}}) }}
<div class="input-group">
<span class="input-group-text"><i class="fa-solid fa-cash-register"></i></span>
{{ form_widget(form.immatriculation, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">
{{ form_errors(form.immatriculation) }}
</div>
</div>
</div>
<div class="col-12 my-3">
{{ form_label(form.email, 'Email', {'attr': {'class': 'form-label'}}) }}
<div class="input-group">
<span class="input-group-text"><i class="fa-solid fa-at"></i></span>
{{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">
Your username is required.
</div>
</div>
</div>
<div class="col-12 my-3">
{{ form_label(form.telephone, 'Téléphone', {'attr': {'class': 'form-label'}}) }}
<div class="input-group">
<span class="input-group-text"><i class="fa-solid fa-phone-volume"></i></span>
{{ form_widget(form.telephone, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">
{{ form_errors(form.telephone) }}
</div>
</div>
</div>
<div class="col-12 my-3">
{{ form_label(form.fax, 'Fax', {'attr': {'class': 'form-label'}}) }}
<div class="input-group">
<span class="input-group-text"><i class="fa-solid fa-fax"></i></span>
{{ form_widget(form.fax, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">
{{ form_errors(form.fax) }}
</div>
</div>
</div>
<div class="col-12 my-3">
{{ form_label(form.adresse, 'Adresse', {'attr': {'class': 'form-label'}}) }}
<div class="input-group">
<span class="input-group-text"><i class="fa-solid fa-location-dot"></i></span>
{{ form_widget(form.adresse, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">
{{ form_errors(form.adresse) }}
</div>
</div>
</div>
<div class="col-12 my-3">
{{ form_label(form.photo, 'Logo', {'attr': {'class': 'form-label'}}) }}
{{ form_widget(form.photo, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">{{ form_errors(form.photo) }}</div>
</div>
<div class="col-12 my-3">
{{ form_label(form.description, 'Déscription', {'attr': {'class': 'form-label'}}) }}
{{ form_widget(form.description, {'attr': {'class': 'form-control'}}) }}
<div class="invalid-feedback">{{ form_errors(form.description) }}</div>
</div>
<hr class="my-4">
{{ form_widget(form.save, {'label': "Enregister", 'attr': {'class': 'w-90 btn btn-primary btn-lg'}}) }}
</div>
{{ form_end(form) }}
{#<div class="col-md-3 "></div>
<div class="col-md-7 col-md-offset-1"></div>#}
</div>
</div>
</div>
<br><br><br><br>
</div>
{% endblock %}
{% block javascripts %}
<script>
</script>
{{ parent() }}
{% endblock %}

View File

@@ -0,0 +1,41 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Partenaire {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="#">Partenaire</a></li>
<li class='active'>Devenir Partenaire</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<h3>Gestion des Newslettres</h3>
<br>
<div class="row">
{#<div class="col-md-3 "></div>
<div class="col-md-7 col-md-offset-1"></div>#}
</div>
</div>
<br><br><br><br>
</div>
{% endblock %}
{% block javascripts %}
<script>
</script>
{{ parent() }}
{% endblock %}

View File

@@ -0,0 +1,20 @@
<html>
<body>
<br><br><br><br><br><br><br><br>
<center>
<img src="{{ asset('images/font/spinner.png') }}" alt="">
</center>
</body>
<script>
// sleep time expects milliseconds
function sleep (time) {
return new Promise((resolve) => setTimeout(resolve, time));
}
// Usage!
sleep(3500).then(() => {
window.open("{{ path('frontend_paiement_valider') }}", "_self");
});
</script>
</html>

View File

@@ -0,0 +1,165 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail Panier {% endblock %}
{% block content %}
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_panier_index') }}">Panier</a></li>
</ul>
</div>
<!-- /.breadcrumb-inner -->
</div>
<div class="body-content outer-top-xs">
<div class="row ">
<div class="shopping-cart">
<div class="shopping-cart-table ">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="cart-romove item">Supprimer</th>
<th class="cart-description item">Image</th>
<th class="cart-product-name item">Nom d'Article / Service</th>
<th class="cart-qty item">Quantité / Date</th>
<th class="cart-sub-total item">Prix</th>
<th class="cart-total last-item">Avance</th>
</tr>
</thead>
<!-- /thead -->
<tbody>
{% set TotalAvance = 0 %}
{% set FraisService = 0 %}
{% for key, panier in paniers %}
{% if panier['type'] == 'SERVICE' %}
{% set pathUrl = path('frontend_service_detail', {id: panier['id']} ) %}
{% elseif panier['type'] == 'ARTICLE' %}
{% set pathUrl = path('frontend_article_detail', {id: panier['id']} ) %}
{% endif %}
<tr>
<td class="romove-item">
<a href="{{ path('frontend_panier_remove', {idDele: key}) }}" title="annuler" class="icon">
<i class="fa-solid fa-trash-can"></i>
</a>
</td>
<td class="cart-image">
<a class="entry-thumbnail" href="{{ pathUrl }}">
<img src="{{ asset(panier['image']) }}" alt="">
</a>
</td>
<td class="cart-product-name-info">
<h4 class='cart-product-description'>
<a href="{{ pathUrl }}">{{ panier['titre'] }}</a>
</h4>
<div class="row">
<div class="col-sm-12">
<div class="rating rateit-small"></div>
</div>
<div class="col-sm-12">
<div class="reviews">
{% if panier['id'] == 'SERVICE' %}
{{ panier['data']['nom'] }} {{ panier['data']['prenom'] }}
{% endif %}
</div>
</div>
</div>
<!-- /.row -->
<div class="cart-product-info">
<span class="product-color">{{ panier['type'] }}</span>
</div>
</td>
{% if panier['type'] == 'ARTICLE' %}
<td class="cart-product-quantity">
<div class="quant-input">
{{ panier['prix'] }} * {{ panier['qtyRdv'] }}
</div>
</td>
<td class="cart-product-sub-total">
<span class="cart-sub-total-price">{{ panier['prix']* panier['qtyRdv'] }} DT</span>
</td>
{% elseif panier['type'] == 'SERVICE' %}
<td class="cart-product-quantity">
<div class="quant-input">
{{ panier['qtyRdv'] }}
</div>
</td>
<td class="cart-product-sub-total">
<span class="cart-sub-total-price">{{ panier['prix'] }} DT</span>
</td>
{% endif %}
<td class="cart-product-grand-total">
<span class="cart-grand-total-price">{{ panier['avance'] }} DT</span>
</td>
</tr>
{% set TotalAvance = TotalAvance + panier['avance'] %}
{% set FraisService = FraisService + panier['frais'] %}
{% endfor %}
</tbody>
<!-- /tbody -->
<tfoot>
<tr>
<td colspan="7">
<div class="shopping-cart-btn">
<span class="">
<a href="{{ path('frontend_home_index') }}" class="btn btn-upper btn-primary outer-left-xs">Continue le navigation</a>
<a href="#" class="btn btn-upper btn-primary pull-right outer-right-xs">Modifier le Panier</a>
</span>
</div>
<!-- /.shopping-cart-btn -->
</td>
</tr>
</tfoot>
</table>
<!-- /table -->
</div>
</div>
<div class="col-md-4 col-sm-12 col-md-offset-8 cart-shopping-total">
<table class="table">
<thead>
<tr>
<th>
<div class="cart-sub-total">
Total Avance<span class="inner-left-md">{{ TotalAvance }} DT</span>
</div>
<div class="cart-sub-total">
Frais de service<span class="inner-left-md">{{ FraisService }} DT</span>
</div>
<div class="cart-grand-total">
Total A Payer<span class="inner-left-md">{{ TotalAvance + FraisService }} DT</span>
</div>
</th>
</tr>
</thead>
<!-- /thead -->
<tbody>
<tr>
<td>
<div class="cart-checkout-btn pull-right">
<a href="{{ path('frontend_paiement_index') }}" class="btn btn-primary checkout-btn">Payer</a>
</div>
</td>
</tr>
</tbody>
<!-- /tbody -->
</table>
<!-- /table -->
</div>
<!-- /.cart-shopping-total -->
</div>
<!-- /.shopping-cart -->
</div>
<!-- /.row -->
</div>
<!-- /.body-content -->
{% endblock %}

View File

@@ -0,0 +1,139 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Détail Panier {% endblock %}
{% block content %}
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li><a href="{{ path('frontend_panier_index') }}">Mes Réservations</a></li>
</ul>
</div>
<!-- /.breadcrumb-inner -->
</div>
<div class="body-content outer-top-xs">
<div class="row ">
<div class="shopping-cart">
<div class="shopping-cart-table ">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="cart-romove item">Document</th>
<th class="cart-description item">Image</th>
<th class="cart-description item">Date Réservation</th>
<th class="cart-product-name item">Nom d'Article / Service</th>
<th class="cart-qty item">Quantité / Date RDV</th>
<th class="cart-sub-total item">Prix</th>
<th class="cart-total last-item">Avance</th>
<th class="cart-total last-item">État</th>
</tr>
</thead>
<!-- /thead -->
<tbody>
{% for key, reservation in reservations %}
{% if reservation.getType() == 'ReservationArticle' %}
{% set article = reservation.getArticle() %}
<tr>
<td class="romove-item">
<a href="{{ path('frontend_reservation_export_pdf_article', {id:reservation.id} ) }}" title="télécharger la réservation en PDF" class="icon">
<i class="fa-solid fa-file-pdf fa-2xl"></i>
</a>
</td>
<td class="cart-image">
<a class="entry-thumbnail" href="{{ path('frontend_article_detail', {id:article.getId()}) }}">
<img src="{{ asset('uploads/images/articles/' ~ article.getImageDefault()) }}" alt="{{ article.getTitre() }}">
</a>
</td>
<td class="cart-product-quantity">
<div class="quant-input">
{{ reservation.getDateAdd()|date("d/m/Y H:i") }}
</div>
</td>
<td class="cart-product-name-info">
<h4 class='cart-product-description'>
<a href="{{ path('frontend_article_detail', {id:article.getId()}) }}">
{{ article.getTitre() }}
</a>
</h4>
</td>
<td class="cart-product-quantity">
<div class="quant-input">
{{ reservation.getQuantite() }}
</div>
</td>
<td class="cart-product-sub-total">
<span class="cart-sub-total-price">{{ reservation.getPrix() }} DT</span>
</td>
<td class="cart-product-grand-total">
<span class="cart-grand-total-price">{{ reservation.getAvance() }} DT</span>
</td>
<td class="cart-product-grand-total">
<span class="cart-grand-total-price">
<i class="fa-solid fa-clipboard fa-2xl"></i>
</span>
</td>
</tr>
{% elseif reservation.getType() == 'ReservationService' %}
{% set service = reservation.getService() %}
<tr>
<td class="romove-item">
<a href="{{ path('frontend_reservation_export_pdf_service', {id:reservation.id} ) }}" title="télécharger la réservation en PDF" class="icon">
<i class="fa-solid fa-file-pdf fa-2xl"></i>
</a>
</td>
<td class="cart-image">
<a class="entry-thumbnail" href="{{ path('frontend_service_detail', {id:service.getId()}) }}">
<img src="{{ asset('uploads/images/services/' ~ service.getImageDefault()) }}" alt="{{ service.getTitre() }}">
</a>
</td>
<td class="cart-product-quantity">
<div class="quant-input">
{{ reservation.getDateAdd()|date("d/m/Y H:i") }}
</div>
</td>
<td class="cart-product-name-info">
<h4 class='cart-product-description'>
<a href="{{ path('frontend_service_detail', {id:service.getId()}) }}">
{{ service.getTitre() }}
</a>
</h4>
</td>
<td class="cart-product-quantity">
<div class="quant-input">
{{ reservation.getDateRdv()|date("d/m/Y H:i") }}
</div>
</td>
<td class="cart-product-sub-total">
<span class="cart-sub-total-price">{{ reservation.getPrix() }} DT</span>
</td>
<td class="cart-product-grand-total">
<span class="cart-grand-total-price">{{ reservation.getAvance() }} DT</span>
</td>
<td class="cart-product-grand-total">
<span class="cart-grand-total-price">
<i class="fa-solid fa-clipboard fa-2xl"></i>
</span>
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
<!-- /table -->
</div>
</div>
<!-- /.cart-shopping-total -->
</div>
<!-- /.shopping-cart -->
</div>
<!-- /.row -->
</div>
<!-- /.body-content -->
{% endblock %}

View File

@@ -0,0 +1,39 @@
<html>
<body>
Réservation Numéro:<b>{{ reservationArticle.getReference() }}</b><br>
Date: {{ reservationArticle.getDateAdd()|date("d/m/Y H:i:s") }}
<br><br>
{% set article = reservationArticle.getArticle() %}
Article:
<ul>
<li>Titre: {{ article.getTitre() }}</li>
<li>Quantité: {{ reservationArticle.quantite }}</li>
<li>Prix: {{ reservationArticle.prix * reservationArticle.quantite }} DT</li>
<li>Avance Payer dans le site: {{ reservationArticle.avance }} DT</li>
<li><font size="5">Reste à Payer dans société: <b>{{ (reservationArticle.prix * reservationArticle.quantite) - reservationArticle.avance }} </b>DT</font></li>
</ul>
{% set client = reservationArticle.getClient() %}
Client:
<ul>
<li>Nom: {{ client.firstname }}</li>
<li>Prénom: {{ client.lastname }}</li>
<li>Date de naissance: {{ client.getBirthdate()|date("d/m/Y") }}</li>
</ul>
<br>
{% set societe = article.getSociete() %}
Sociéte:
<ul>
<li>Nom: {{ societe.getNom() }}</li>
<li>Adress: {{ article.getAdress() }}</li>
<li>Téléphone: {{ societe.getTelephone() }}</li>
</ul>
<br>
Régle:
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
</p>
</body>
</html>

View File

@@ -0,0 +1,40 @@
<html>
<body>
Réservation Numéro: <b>{{ reservationService.getReference() }}</b><br>
Date: {{ reservationService.getDateAdd()|date("d/m/Y H:i:s") }}
<br><br>
{% set service = reservationService.getService() %}
{% set serviceRdvReservation = reservationService.getServiceRdvReservation() %}
Service:
<ul>
<li>Référence: ******</li>
<li>Rendez-Vous: {{ serviceRdvReservation.getDateDebut()|date("d/m/Y H:i:s") }}</li>
<li>Prix: {{ reservationService.prix }}DT</li>
<li>Avance Payer dans le site: {{ reservationService.avance }}DT</li>
<li><font size="5">Reste à Payer dans société: <b>{{ reservationService.prix - (reservationService.avance + reservationService.frais) }}</b>DT</font></li>
</ul>
{% set client = reservationService.getClient() %}
Client:
<ul>
<li>Nom: {{ client.firstname }}</li>
<li>Prénom: {{ client.lastname }}</li>
<li>Date de naissance: {{ client.getBirthdate()|date("d/m/Y") }}</li>
</ul>
<br>
{% set societe = service.getSociete() %}
Sociéte:
<ul>
<li>Nom: {{ societe.getNom() }}</li>
<li>Adress: {{ service.getAdress() }}</li>
<li>Téléphone: {{ societe.getTelephone() }}</li>
</ul>
<br>
Régle:
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum...
</p>
</body>
</html>

View File

@@ -0,0 +1,61 @@
{% extends 'base_frontend.html.twig' %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li class='active'>Connexion</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.container -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="container">
<div class="sign-in-page">
<div class="row">
<!-- Sign-in -->
<div class="col-md-offset-3 col-md-6 col-sm-6 sign-in">
<form class="register-form outer-top-xs" role="form" method="post">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<h3 class="">Vos informations de connexion</h3>
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{#<p class="">Hello, Welcome to your account.</p>#}
<div class="form-group">
<label class="info-title" for="exampleInputEmail1">Email Address <span>*</span></label>
<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control unicase-form-control text-input" required autofocus>
</div>
<div class="form-group">
<label class="info-title" for="exampleInputPassword1">Mot de passe <span>*</span></label>
<input type="password" name="password" id="inputPassword" class="form-control unicase-form-control text-input" required>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" >
<div class="radio outer-xs">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Rester connecté !
</label>
<a href="#" class="forgot-password pull-right">Mot de passe oublié ?</a>
</div>
<button type="submit" class="btn-upper btn btn-primary checkout-page-button">Se connecter</button>
</form>
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
<br><br><br><br>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,163 @@
{% extends 'base_frontend.html.twig' %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Accueil</a></li>
<li class='active'>Inscription</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.container -->
</div><!-- /.breadcrumb -->
<style>
</style>
<div class="body-content ">
<div class="container">
<div class="sign-in-page">
<div class="row">
<!-- create a new account -->
<div class="col-md-offset-2 col-md-7 col-sm-7 create-new-account">
{{ form_start(form, {'attr': {'class': 'register-form outer-top-xs'}}) }}
{% set formErrors = form.vars.errors.form.getErrors(true) %}
{% if formErrors|length %}
<div class="alert alert-danger">
<ul>
{% for key,error in formErrors %}
<li><strong>{{ error.message }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}
<h3 class="checkout-subtitle">Vos informations personnelles</h3>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.gender) }} <span>*</span></label>
{{ form_widget(form.gender, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.gender) }}</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.firstname) }} <span>*</span></label>
{{ form_widget(form.firstname, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.firstname) }}</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.lastname) }} <span>*</span></label>
{{ form_widget(form.lastname, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.lastname) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.birthdate) }} <span>*</span></label>
{{ form_widget(form.birthdate, {'attr': {'placeholder': 'dd/mm/yyyy'}}) }}
<span class="help-block">{{ form_errors(form.birthdate) }}</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.phoneNumber) }} <span>*</span></label>
{{ form_widget(form.phoneNumber, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.phoneNumber) }}</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(form.pseudo) }}</label>
{{ form_widget(form.pseudo, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.pseudo) }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-3">
<div class="form-group">
<label class="info-title">{{ form_label(form.country) }}<span>*</span></label>
{{ form_widget(form.country, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.country) }}</span>
</div>
</div>
<div class="col-md-2 col-sm-2">
<div class="form-group">
<label class="info-title">{{ form_label(form.zip) }}<span>*</span></label>
{{ form_widget(form.zip, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.zip) }}</span>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.adresse) }}<span>*</span></label>
{{ form_widget(form.adresse, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.adresse) }}</span>
</div>
</div>
</div>
<h3 class="checkout-subtitle">Vos informations de connexion au site</h3>
<div class="form-group">
<label class="info-title">{{ form_label(form.email) }} <span>*</span></label>
{{ form_widget(form.email, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.email) }}</span>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.password.first) }} <span>*</span></label>
{{ form_widget(form.password.first, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.password.first) }}</span>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label class="info-title">{{ form_label(form.password.second) }} <span>*</span></label>
{{ form_widget(form.password.second, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.password.second) }}</span>
</div>
</div>
</div>
<div class="form-group">
<div class="form-check">
{{ form_widget(form.newsletter, {'attr': {'class': 'form-check-input'}}) }}
<label class="form-check-label" for="user_registration_newsletter">{{ form_label(form.newsletter) }}</label>
</div>
</div>
<div class="form-group">
<div class="form-check">
<label class="required">
{{ form_widget(form.cgu, {'attr': {'class': 'form-check-input'}}) }}
<label class="form-check-label">Jai lu et jaccepte les <a href="#" target="_blank">conditions générales dutilisation</a></label>
</label>
</div>
</div>
{{ form_row(form.save, { 'label': "Finaliser l'inscription", 'attr': {'class': 'btn btn-primary'} }) }}
{{ form_end(form) }}
</div>
<!-- create a new account -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
<br><br><br><br>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,267 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Mon Profile {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="container">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Profile</a></li>
<li class='active'>Modifier </li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.container -->
</div><!-- /.breadcrumb -->
<div class="body-content">
<div class="container">
<div class="sign-in-page">
<div class="row">
<div class="col-md-12 col-sm-12">
{{ form_start(formInfoPerso, {'attr': {'class': 'register-form outer-top-xs'}}) }}
<h3 class="">Vos informations personnelles</h3>
{% set formErrors = formInfoPerso.vars.errors.form.getErrors(true) %}
{% if formErrors|length %}
<div class="alert alert-danger">
<ul>
{% for key,error in formErrors %}
<li><strong>{{ error.message }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}
<br>
<div class="row">
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoPerso.firstname) }} <span>*</span></label>
{{ form_widget(formInfoPerso.firstname, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoPerso.firstname) }}</span>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoPerso.lastname) }} <span>*</span></label>
{{ form_widget(formInfoPerso.lastname, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoPerso.lastname) }}</span>
</div>
</div>
<div class="col-md-3 col-sm-3"></div>
</div>
<div class="row">
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoPerso.gender) }} <span>*</span></label>
{{ form_widget(formInfoPerso.gender, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoPerso.gender) }}</span>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoPerso.birthdate) }} <span>*</span></label>
{{ form_widget(formInfoPerso.birthdate, {'attr': {'placeholder': 'dd/mm/yyyy'}}) }}
<span class="help-block">{{ form_errors(formInfoPerso.birthdate) }}</span>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoPerso.phoneNumber) }} <span>*</span></label>
{{ form_widget(formInfoPerso.phoneNumber, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoPerso.phoneNumber) }}</span>
</div>
</div>
<div class="col-md-3 col-sm-3">
{{ form_row(formInfoPerso.save, { 'label': "valider", 'attr': {'class': 'btn btn-primary'} }) }}
</div>
</div>
{{ form_end(formInfoPerso) }}
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div>
</div>
</div>
<br><br>
<div class="body-content ">
<div class="container">
<div class="sign-in-page">
<div class="row">
<!-- Sign-in -->
<div class="col-md-12 col-sm-12">
{{ form_start(formInfoAdress, {'attr': {'class': 'register-form outer-top-xs'}}) }}
<h3 class="">Informations d'Adresse</h3>
{% set formErrorsAdress = formInfoAdress.vars.errors.form.getErrors(true) %}
{% if formErrorsAdress|length %}
<div class="alert alert-danger">
<ul>
{% for key,error in formErrorsAdress %}
<li><strong>{{ error.message }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}
<br>
<div class="row">
<div class="col-md-2 col-sm-2">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoAdress.country) }}<span>*</span></label>
{{ form_widget(formInfoAdress.country, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoAdress.country) }}</span>
</div>
</div>
<div class="col-md-4 col-sm-4 col-md-offset-1">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoAdress.zip) }}<span>*</span></label>
{{ form_widget(formInfoAdress.zip, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoAdress.zip) }}</span>
</div>
</div>
<div class="col-md-2 col-sm-2"></div>
<div class="col-md-8 col-sm-8">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoAdress.adresse) }}<span>*</span></label>
{{ form_widget(formInfoAdress.adresse, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoAdress.adresse) }}</span>
</div>
</div>
<div class="col-md-2 col-sm-2 col-md-offset-1">
{{ form_row(formInfoAdress.save, { 'label': "valider", 'attr': {'class': 'btn btn-primary'} }) }}
</div>
</div>
{{ form_end(formInfoAdress) }}
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
</div>
</div>
<br><br>
<div class="body-content ">
<div class="container">
<div class="sign-in-page">
<div class="row">
<!-- Sign-in -->
<div class="col-md-12 col-sm-12">
{{ form_start(formInfoCnx, {'attr': {'class': 'register-form outer-top-xs'}}) }}
<h3 class="">Vos informations de connexion au site</h3>
{% set formErrorsAdress = formInfoCnx.vars.errors.form.getErrors(true) %}
{% if formErrorsAdress|length %}
<div class="alert alert-danger">
<ul>
{% for key,error in formErrorsAdress %}
<li><strong>{{ error.message }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}
<br>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoCnx.pseudo) }}</label>
{{ form_widget(formInfoCnx.pseudo, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoCnx.pseudo) }}</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label class="info-title">{{ form_label(formInfoCnx.email) }} <span>*</span></label>
{{ form_widget(formInfoCnx.email, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(formInfoCnx.email) }}</span>
</div>
</div>
<div class="col-md-2 col-sm-2 col-md-offset-1">
{{ form_row(formInfoCnx.save, { 'label': "valider", 'attr': {'class': 'btn btn-primary'} }) }}
</div>
</div>
{{ form_end(formInfoCnx) }}
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
</div>
</div>
<br><br>
<div class="body-content ">
<div class="container">
<div class="sign-in-page">
<div class="row">
<!-- Sign-in -->
<div class="col-md-12 col-sm-12">
<h3 class="">Gestion de votre compte</h3>
<br>
<div class="row">
<div class="col-md-12 col-sm-12">
<font size="4">
<p class="text">
Nous nous engagons à protéger vos données personnelles et à ne pas en faire un usage commercial sans votre accord.
Notre politique en matière de données personnelles est disponible en <b><a href="{{ path('frontend_footer_mentionslegales') }}">cliquant ici</a></b>.
</p>
</font>
<br>
</div>
<div class="col-md-4 col-sm-4">
<a href="{{ path('frontend_user_update_password', {id:app.user.id} ) }}" class="btn btn-info btn-lg">Changer de mot de passe</a>
</div>
<div class="col-md-4 col-sm-4">
<button class="btn btn-danger btn-lg" data-toggle="modal" data-target="#ModalRemoveUser">Supprimer mon compte</button>
</div>
</div>
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
</div>
</div>
<br><br>
<div class="modal fade" tabindex="-1" role="dialog" id="ModalRemoveUser">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Supprimer mon compte</h5>
</div>
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer votre compte ?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
<a href="{{ path ('frontend_user_delete') }}" class="btn btn-danger">Supprimer mon compte</a>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,67 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Parrainer un ami(e) {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Mon Profile</a></li>
<li class='active'>Parrainer un ami(e)</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<div class="row">
<!-- Sign-in -->
<div class="col-md-4 col-sm-4">
<h3>Parrainer un ami(e)</h3>
<br>
<font size="4">
<p>
pour 10 inscrits sur le site tu auras <b>-1%</b> redition frais de service
</p>
</font>
<br>
{% if parrainages|length > 0 %}
Total des amis parrainer <b>{{ parrainages|length }}</b>
<ul class="list-group">
{% for parrainage in parrainages %}
<li class="list-group-item">{{ parrainage.new.email }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="col-md-6 col-sm-6 col-md-offset-1">
<font size="3">Copier l'url d'inscrits</font>
<textarea style="width: 770px; height: 138px; margin-bottom:15px;margin-top:15px;" id="urlParinage">{{ urlParinage }}</textarea>
<div style="float: right;">
<button type="button" id="copurl" class="btn btn-secondary">copier</button>
</div>
{{ form_start(form, {'attr': {'class': 'register-form outer-top-xs'}}) }}
<br>
<div class="form-group">
<label class="info-title">{{ form_label(form.email) }} <span>*</span></label>
{{ form_widget(form.email, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.email) }}</span>
</div>
{{ form_row(form.save, { 'label': "envoyer", 'attr': {'class': 'btn btn-primary'} }) }}
{{ form_end(form) }}
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
<br><br><br><br>
</div>
{% endblock %}

View File

@@ -0,0 +1,75 @@
{% extends 'base_frontend.html.twig' %}
{% block title %} Changement de mot de passe {% endblock %}
{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="{{ path('frontend_home_index') }}">Mon Profile</a></li>
<li class='active'>Changement de mot de passe</li>
</ul>
</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->
<div class="body-content ">
<div class="sign-in-page">
<div class="row">
<!-- Sign-in -->
<div class="col-md-4 col-sm-4">
<h3>Changement de mot de passe</h3>
<br>
<font size="4">
<p>
Pour modifier votre mot de passe, veuillez indiquer lancien mot de passe, puis le nouveau (à 2 reprises).
</p>
</font>
<br>
{% set formErrors = form.vars.errors.form.getErrors(true) %}
{% if formErrors|length %}
<div class="alert alert-danger">
<ul>
{% for key,error in formErrors %}
<li><strong>{{ error.message }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="col-md-6 col-sm-6 col-md-offset-1">
{{ form_start(form, {'attr': {'class': 'register-form outer-top-xs'}}) }}
<br>
<div class="form-group">
<label class="info-title">{{ form_label(form.password) }} <span>*</span></label>
{{ form_widget(form.password, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.password) }}</span>
</div>
<div class="form-group">
<label class="info-title">{{ form_label(form.new_password) }}</label>
{{ form_widget(form.new_password, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.new_password) }}</span>
</div>
<div class="form-group">
<label class="info-title">{{ form_label(form.confirm_password) }}</label>
{{ form_widget(form.confirm_password, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
<span class="help-block">{{ form_errors(form.confirm_password) }}</span>
</div>
{{ form_widget(form.submit, {'attr': {'class': 'btn-primary btn'}}) }}
{{ form_end(form) }}
</div>
<!-- Sign-in -->
</div><!-- /.row -->
</div><!-- /.sigin-in-->
<br><br><br><br>
</div>
{% endblock %}