Nouveau Document Texte

<!
DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no" />

<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/fevicon.png" type="">
<title> Vectorys </title>


<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />


<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/
owl.carousel.min.css" />


<link href="css/font-awesome.min.css" rel="stylesheet" />


<link href="css/style.css" rel="stylesheet" />

<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<div class="hero_bg_box">
<img src="images/slider-bg.jpg" alt="">
</div>

<header class="header_section">
<div class="header_top">
<div class="container-fluid ">
<div class="header_top_content">
<a class="navbar-brand d-none d-lg-flex" href="index.html">
<span>
Vectorys
</span>
</a>
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
+216.31.300.900
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
vectorys.tunisie@vectorys.com
</span>
</a>
</div>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand d-flex d-lg-none" href="index.html">
<span>
Vectorys
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"

data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="index.html">Domicile <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html">Service</a>
</li>
<a class="nav-link" href="about.html"> Environ</a>
</li>
<a class="nav-link" href="contact.html">Contactez-nous</a>
</li>
<div>
<li for="username">utulisateur
<input type="text" id="username" name="username"></li>
<li for="pass">mot de passe
<input type="password" id="pass" name="password"
minlength="8" required></li>
<form class="form-inline">
<li> <i class="fa fa-search" aria-hidden="true"></i></li>

</button>
</form>
</ul>
</div>
</nav>
</div>
</div>
</header>


<section class="slider_section ">
<div id="customCarousel1" class="carousel slide" data-ride="carousel">
<div class="container">
<div class="carousel_btn_box">
<a class="carousel-control-prev" href="#customCarousel1" role="button"
data-slide="prev">
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#customCarousel1" role="button"
data-slide="next">
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container ">
<div class="row">
<div class="col-md-9 col-lg-7 ">
<div class="detail-box">
<h1>
Transport
</h1>
<br>
<p>
25,000 international transports a year, 20 countries, 25
partners, 1450 trailers
</p>
<div class="btn-box">
<a href="" class="btn1">
Get A Quote
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<h1>
<br>
Logistic
</h1>
<p>
11 logistic platforms, 36 hubs, 41,000 m2 of deposits, 120,000
m2 of parking areas
</p>
Get A Quote
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<h1>
Vectorys <br>
</h1>
<p>
lEADER IN TRANSPORT AND LOGISTICS BETWEEN EUROPE AND NORTH
AFRICA
</p>
Get A Quote
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

</div>

<section class="about_section layout_padding">

<div class="row">
<div class="col-md-6">
<div class="heading_container">
<h2>
informations sur nous
</h2>
</div>
<p> <strong>
Bienvenue dans le monde de Vectorys. Nous sommes votre partenaire pour
le transport et la logistique en Afrique du Nord.</strong>
</p>
<p>Le Groupe Vectorys est une société multinationale spécialisée dans
le transport et la logistique en Afrique du Nord. Nos principales lignes sont la
Tunisie, le Maroc, l’Algérie, la Libye et Malte. Nous sommes spécialisés dans le
transport des produits industriels, l’automotive, fashion, général cargo, et nous
avons un département qui traite exclusivement le transport agro-alimentaire à
température contrôlée et protection isothermique.
</p>
<a href="">
Read More
</a>
</div>
</div>
<div class="col-md-6 ">
<div class="img-box">
<img src="images/about-img.png" alt="">
</div>
</div>
</div>
</div>
</section>

<div class="container settori_linee">
<div class="row">
<div class="col-xs-12 col-md-6 linee">
<div class="barretta">
</div>
<h2>
<strong> Lignes & destinations </strong>
</h2>
<div class="linea-box-cont clearfix">
<div class="linea-box
clearfix">
<div class="bandiera-cont">
<div class="bandiera">
<img
src="https://www.vectorys.com/wp-content/uploads/2022/09/turchia.jpg">
</div>
</div>
<a
href="https://www.vectorys.com/linee-destinazioni/turquie/">
<div class="titolo-cont">
<div class="titolo">
<h2>
Turquie
</h2>
<span class="fa fa-angle-right">
</span>
</div>
</div>
</a>
</div>
<div class="linea-box clearfix">

<img
src="https://www.vectorys.com/wp-content/uploads/2015/12/tunisia.png">
</div>
</div>
<a
href="https://www.vectorys.com/linee-destinazioni/connexions-tunisie/">
<h2>
Tunisie
</h2>
</span>
</div>
</div>
</a>
</div>

<img
src="https://www.vectorys.com/wp-content/uploads/2015/12/marocco.png">
</div>
</div>
<a
href="https://www.vectorys.com/linee-destinazioni/connexions-maroc/">
<h2>
Maroc
</h2>
</span>
</div>
</div>
</a>
</div>

<img
src="https://www.vectorys.com/wp-content/uploads/2015/12/libia.png">
</div>
</div>
<a
href="https://www.vectorys.com/linee-destinazioni/connexions-libye/">
<h2>
Libye
</h2>
</span>
</div>
</div>
</a>
</div>

<img
src="https://www.vectorys.com/wp-content/uploads/2015/12/malta.png">
</div>
</div>
<a
href="https://www.vectorys.com/linee-destinazioni/connexions-malte/">
<h2>
Malte
</h2>
</span>
</div>
</div>
</a>
</div>

<img
src="https://www.vectorys.com/wp-content/uploads/2015/12/algeria.png">
</div>
</div>
<a
href="https://www.vectorys.com/linee-destinazioni/connexions-algerie/">
<h2>
Algérie
</h2>
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6 settori">
<div class="barretta">
</div>
<h2>
<strong>Secteurs </strong>
</h2>
<div class="linea-box-cont clearfix">

<a href="https://www.vectorys.com/settori/transports-
automotive/">
<div class="icona-cont">
<div class="icona">
<img
src="https://www.vectorys.com/wp-content/uploads/2015/12/2.png">
</div>
</div>
<h2>
Automotive
</h2>
</span>
</div>
</div>
</a>
</div>
fashion-textile/">
<div class="icona">
<img
</div>
</div>
<h2>
Fashion & textile
</h2>
</span>
</div>
</div>
</a>
</div>
<a href="https://www.vectorys.com/settori/transports-agro-
alimentaire/">
<div class="icona">
<img
src="https://www.vectorys.com/wp-content/uploads/2016/03/1-02.png">
</div>
</div>
<h2>
Agro-alimentaire
</h2>
</span>
</div>
</div>
</a>
</div>
<a href="https://www.vectorys.com/settori/transports-oil-
gaz/">
<div class="icona">
<img
</div>
</div>
<h2>
Oil & Gaz
</h2>
</span>
</div>
</div>
</a>
</div>
produits-pharmaceutiques/">
<div class="icona">
<img
</div>
</div>
<h2>
Produits pharmaceutiques
</h2>
</span>
</div>
</div>
</a>
</div>
<a href="https://www.vectorys.com/settori/transports-adr-
imo-marchandises-dangereuses/">
<div class="icona">
<img
</div>
</div>
<h2>
ADR/IMO
</h2>
</span>
</div>
</div>
</a>
</div>
campagne-spot/">
<div class="icona">
<img
</div>
</div>
<h2>
Campagne spot
</h2>
</span>
</div>
</div>
</a>
</div>
<a href="https://www.vectorys.com/settori/high-value-
transports-produits-precieux/">
<div class="icona">
<img
</div>
</div>
<h2>
High value </h2>
</span>
</div>
</div>
</a>


<section class="contact_section layout_padding">
<div class="row">
<div class="why_box">
<h2>
Pourquoi nous choisir
</h2>
<div class="box">
<img src="images/w1.png" alt="">
</div>
<h5>
Clients satisfaits
</h5>
<p>
Officia expedita sequi dolorum error consectetur, quos
provident repudiandae at, rerum veniam doloremque velit eius
</p>
</div>
</div>
<div class="box">
</div>
<h5>
Suivi des expéditions
</h5>
<p>
</p>
</div>
</div>
<div class="box">
</div>
<h5>
Customer Support
</h5>
<p>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="form_container">
<h2>
Contactez-nous
</h2>
</div>
<form action="">
<input type="text" placeholder="nom" />
<input type="text" placeholder="tele" />
<input type="email" placeholder="mail" />
<input type="text" class="message" placeholder="Message" />
<div class="btn_box">
<button>
Envoyer
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>


<section class="client_section layout_padding-bottom">

<h2>
Ce que dit notre client </h2>
</div>
<div class="client_container">
<div class="carousel-wrap ">
<div class="owl-carousel">
<div class="item">
<div class="box">
<img src="images/client-1.jpg" alt="" class="img-1">
</div>
<h5>
Mark Evans
</h5>
<h6>
Magna
</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim Lorem
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim
</p>
</div>
</div>
</div>
<div class="item">
<div class="box">
</div>
<h5>
Anthony White
</h5>
<h6>
Magna
</h6>
<p>
</p>
</div>
</div>
</div>
<div class="item">
<div class="box">
</div>
<h5>
Mark Evans
</h5>
<h6>
Magna
</h6>
<p>
</p>
</div>
</div>
</div>
<div class="item">
<div class="box">
</div>
<h5>
Anthony White
</h5>
<h6>
Magna
</h6>
<p>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="info_section layout_padding2">

<div class="row">
<div class="col-md-6 col-lg-3 info-col">
<div class="info_detail">
<h4>
Address
<p><a> 38, Avenue Hedi Nouira
2040 Rades, Ben Arous –</p></a>
</h4>
<div class="contact_link_box">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +31.300.900
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Vectorys.tunisie@vectorys.com
</span>
</a>
</div>
</div>
</div>
<div class="info_contact">
<h4>
S'abonner
</h4>
<form action="#">
<input type="text" placeholder="Enter email" />
<button type="submit">
S'abonner
</button>
</form>
</div>
</div>
<div class="map_container">
<div class="map">
<div id="googleMap"></div>
</div>
</div>
</div>
</div>
</div>
</section>



<footer class="footer_section">
<p>
© <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Vectorys tunisie</a>
</p>
</div>
</footer>



<script src="js/jquery-3.4.1.min.js"></script>

<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous">
</script>

<script src="js/bootstrap.js"></script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"
>
</script>

</body>
</html>

Nouveau Document Texte

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Nouveau Document Texte

Uploaded by

Copyright:

Available Formats

<!

<title> Vectorys </title>

<button class="navbar-toggler" type="button" data-toggle="collapse"

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<li> <i class="fa fa-search" aria-hidden="true"></i></li>

<section class="about_section layout_padding">

<div class="linea-box clearfix">

<div class="linea-box clearfix">

<div class="linea-box clearfix">

<div class="linea-box clearfix">

<div class="linea-box clearfix">

<div class="linea-box clearfix">

<section class="client_section layout_padding-bottom">

<section class="info_section layout_padding2">

You might also like