You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

934 lines
31 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- meta data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!--font-family-->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&amp;subset=devanagari,latin-ext" rel="stylesheet">
<!-- title of site -->
<title>Portfolio</title>
<!-- For favicon png -->
<!-- <link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png"/> -->
<!--font-awesome.min.css-->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!--flat icon css-->
<link rel="stylesheet" href="assets/css/flaticon.css">
<!--animate.css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--owl.carousel.css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<!--bootstrap.min.css-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- bootsnav -->
<link rel="stylesheet" href="assets/css/bootsnav.css" >
<!--style.css-->
<link rel="stylesheet" href="assets/css/style.css">
<!--responsive.css-->
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- top-area Start -->
<header class="top-area">
<div class="header-area">
<!-- Start Navigation -->
<nav class="navbar navbar-default bootsnav navbar-fixed dark no-background">
<div class="container">
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">Enzo Jolys</a>
</div><!--/.navbar-header-->
<!-- End Header Navigation -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse menu-ui-design" id="navbar-menu">
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class=" smooth-menu active"></li>
<li class="smooth-menu"><a href="#about">À propos de moi</a></li>
<li class="smooth-menu"><a href="#education">Étude</a></li>
<li class="smooth-menu"><a href="#experience">expérience</a></li>
<li class="smooth-menu"><a href="#portfolio">Mes projets</a></li>
<li class="smooth-menu"><a href="#contact">contact</a></li>
</ul><!--/.nav -->
</div><!-- /.navbar-collapse -->
</div><!--/.container-->
</nav><!--/nav-->
<!-- End Navigation -->
</div><!--/.header-area-->
<div class="clearfix"></div>
</header><!-- /.top-area-->
<!-- top-area End -->
<!--welcome-hero start -->
<section id="welcome-hero" class="welcome-hero">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="header-text">
<!--<h2>hi <span>,</span> i am <br> browny <br> star <span>.</span> </h2>-->
<h2 class="name" >Enzo Jolys</h2>
<p class="name">Développeur</p>
<!--<a href="assets/download/browney.txt" download>download resume</a>-->
</div><!--/.header-text-->
</div><!--/.col-->
</div><!-- /.row-->
</div><!-- /.container-->
</section><!--/.welcome-hero-->
<!--welcome-hero end -->
<!--about start -->
<section id="about" class="about">
<div class="section-heading text-center">
<h2>À propos de moi</h2>
</div>
<div class="container">
<div class="about-content">
<div class="row">
<div class="col-sm-6">
<div class="single-about-txt">
<h3>
I am a Professional UI/UX Designer and Web developer. Consectetur an adipisi elita, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.
</h3>
<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. Sed ut perspi unde omnis iste natus error sit voluptatem accusantium doloremque lauda ntium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam vo luptatem quia voluptas sit aspernatur aut odit aut fugit,
</p>
<div class="row">
<div class="col-sm-4">
<div class="single-about-add-info">
<h3>Téléphone</h3>
<p>07 67 67 26 60 </p>
</div>
</div>
<div class="col-sm-4">
<div class="single-about-add-info">
<h3>Email</h3>
<p>enzo.jolys@gmail.com</p>
</div>
</div>
<!--
<div class="col-sm-4">
<div class="single-about-add-info">
<h3>website</h3>
<p>www.brownsine.com</p>
</div>
</div>-->
</div>
</div>
</div>
<div class="col-sm-offset-1 col-sm-5">
<div class="single-about-img">
<img src="assets/images/about/photo.jpeg" alt="profile_image">
<div class="about-list-icon">
<ul>
<li>
<a href="#">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-dribbble" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</li><!-- / li -->
</ul><!-- / ul -->
</div><!-- /.about-list-icon -->
</div>
</div>
</div>
</div>
</div>
</section><!--/.about-->
<!--about end -->
<!--education start -->
<section id="education" class="education">
<div class="section-heading text-center">
<h2>Étude</h2>
</div>
<div class="container">
<div class="education-horizontal-timeline">
<div class="row">
<!--
<div class="col-sm-4">
<div class="single-horizontal-timeline">
<div class="experience-time">
<h2>2008 - 2010</h2>
<h3>master <span>of </span> computer science</h3>
</div>
<div class="timeline-horizontal-border">
<i class="fa fa-circle" aria-hidden="true"></i>
<span class="single-timeline-horizontal"></span>
</div>
<div class="timeline">
<div class="timeline-content">
<h4 class="title">
university of north carolina
</h4>
<h5>north carolina, USA</h5>
<p class="description">
Duis aute irure dolor in reprehenderit in vol patate velit esse cillum dolore eu fugiat nulla pari. Excepteur sint occana inna tecat cupidatat non proident.
</p>
</div>
</div>
</div>
</div>
-->
<div class="col-sm-4">
<div class="single-horizontal-timeline">
<div class="experience-time">
<h2>2018 - 2020</h2>
<h3>baccalauréat <span>général</span></h3>
</div><!--/.experience-time-->
<div class="timeline-horizontal-border">
<i class="fa fa-circle" aria-hidden="true"></i>
<span class="single-timeline-horizontal"></span>
</div>
<div class="timeline">
<div class="timeline-content">
<h4 class="title">
Gabriel Touchard - George Washington
</h4>
<h5>Le Mans, France</h5>
<p class="description">
Duis aute irure dolor in reprehenderit in vol patate velit esse cillum dolore eu fugiat nulla pari. Excepteur sint occana inna tecat cupidatat non proident.
</p>
</div><!--/.timeline-content-->
</div><!--/.timeline-->
</div>
</div>
<div class="col-sm-4">
<div class="single-horizontal-timeline">
<div class="experience-time">
<h2>2021 - 2024</h2>
<h3>BUT <span>informatique</span></h3>
</div><!--/.experience-time-->
<div class="timeline-horizontal-border">
<i class="fa fa-circle" aria-hidden="true"></i>
<span class="single-timeline-horizontal spacial-horizontal-line
"></span>
</div>
<div class="timeline">
<div class="timeline-content">
<h4 class="title">
Universite clermont auvergne
</h4>
<h5>Clermont-ferrand, France</h5>
<p class="description">
Conception, développement, gestion d'une application et gestion d'un projet sont les compétences que le BUT nous transmet
</p>
</div><!--/.timeline-content-->
</div><!--/.timeline-->
</div>
</div>
</div>
</div>
</div>
</section><!--/.education-->
<!--education end -->
<!--skills start -->
<!--
<section id="skills" class="skills">
<div class="skill-content">
<div class="section-heading text-center">
<h2>skills</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="single-skill-content">
<div class="barWrapper">
<span class="progressText">adobe photoshop</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>90%</h3>
</div>
</div>
<div class="barWrapper">
<span class="progressText">adobe illustrator</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>85%</h3>
</div>
</div>
<div class="barWrapper">
<span class="progressText">adobe after effects</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="97" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>97%</h3>
</div>
</div>
<div class="barWrapper">
<span class="progressText">sketch</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>90%</h3>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="single-skill-content">
<div class="barWrapper">
<span class="progressText">html 5</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>90%</h3>
</div>
</div>
<div class="barWrapper">
<span class="progressText">css 3 animation</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>85%</h3>
</div>
</div>
<div class="barWrapper">
<span class="progressText">communication</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="97" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>97%</h3>
</div>
</div>
<div class="barWrapper">
<span class="progressText"> creativity</span>
<div class="single-progress-txt">
<div class="progress ">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
</div>
</div>
<h3>90%</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<!--/.skills-->
<!--skills end -->
<!--experience start -->
<section id="experience" class="experience">
<div class="section-heading text-center">
<h2>expérience</h2>
</div>
<div class="container">
<div class="experience-content">
<div class="main-timeline">
<ul>
<li>
<div class="single-timeline-box fix">
<div class="row">
<div class="col-md-5">
<div class="timeline-content text-right">
<h4 class="title" >2019/2020/2022 </h4>
<h3>Mise en rayons - CDD</h3>
</div><!--/.experience-time-->
</div><!--/.col-->
<div class="col-md-offset-1 col-md-5">
<div class="timeline">
<div class="timeline-content">
<h4 class="title">
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
E.Leclerc
</h4>
<p class="description">
Job d'été : Mise en rayons des produit frais/surgelés/bazar/liquide
</p>
</div><!--/.timeline-content-->
</div><!--/.timeline-->
</div><!--/.col-->
</div>
</div><!--/.single-timeline-box-->
</li>
<li>
<div class="single-timeline-box fix">
<div class="row">
<div class="col-md-5">
<div class="timeline">
<div class="timeline-content text-right">
<h4 class="title">
2023
</h4>
<h3>Développeur - Stage</h3>
</div><!--/.timeline-content-->
</div><!--/.timeline-->
</div><!--/.col-->
<div class="col-md-offset-1 col-md-5 experience-time-main">
<div class="experience-time">
<h2>
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
Covéa
</h2>
<p class="description">
Automatisation de test fonctionnels
avec Sélénium (Java) sur le socle d'une GED (Gestion Electronique de Documents)
</p>
</div><!--/.experience-time-->
</div><!--/.col-->
</div>
</div><!--/.single-timeline-box-->
</li>
<li>
<div class="single-timeline-box fix">
<div class="row">
<div class="col-md-5">
<div class="timeline-content text-right">
<h4 class="title">
2023
</h4>
<h3>Intérimaire </h3>
</div><!--/.timeline-content-->
</div><!--/.col-->
<div class="col-md-offset-1 col-md-5">
<div class="timeline">
<div class="timeline-content">
<h4 class="title">
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
Adecco
</h4>
<p class="description">
Préparateur de commandes chez Geodis Calberson </p>
</div><!--/.timeline-content-->
</div><!--/.timeline-->
</div><!--/.col-->
</div>
</div><!--/.single-timeline-box-->
</li>
<li>
<div class="single-timeline-box fix">
<div class="row">
<div class="col-md-5">
<div class="timeline-content text-right">
<h4 class="title">
2024
</h4>
<h3>Développeur - Stage </h3>
</div><!--/.timeline-content-->
</div><!--/.col-->
<div class="col-md-offset-1 col-md-5">
<div class="timeline">
<div class="timeline-content">
<h4 class="title">
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
Sopra Steria
</h4>
<p class="description">
Automatisation de tâches à laide de loutil Power Automate et de modifications sur un batch (Spring batch). Développement dune application avec Angular et Spring boot </p>
</div><!--/.timeline-content-->
</div><!--/.timeline-->
</div><!--/.col-->
</div>
</div><!--/.single-timeline-box-->
</li>
</ul>
</div><!--.main-timeline-->
</div><!--.experience-content-->
</div>
</section><!--/.experience-->
<!--experience end -->
<!--profiles start -->
<!--
<section id="profiles" class="profiles">
<div class="profiles-details">
<div class="section-heading text-center">
<h2>profiles</h2>
</div>
<div class="container">
<div class="profiles-content">
<div class="row">
<div class="col-sm-3">
<div class="single-profile">
<div class="profile-txt">
<a href=""><i class="flaticon-themeforest"></i></a>
<div class="profile-icon-name">themeforest</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-themeforest"></i></a>
<div class="profile-icon-name">themeforest</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="single-profile">
<div class="profile-txt">
<a href=""><i class="flaticon-dribbble"></i></a>
<div class="profile-icon-name">dribbble</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-dribbble"></i></a>
<div class="profile-icon-name">dribbble</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="single-profile">
<div class="profile-txt">
<a href=""><i class="flaticon-behance-logo"></i></a>
<div class="profile-icon-name">behance</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-behance-logo"></i></a>
<div class="profile-icon-name">behance</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="single-profile profile-no-border">
<div class="profile-txt">
<a href=""><i class="flaticon-github-logo"></i></a>
<div class="profile-icon-name">github</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-github-logo"></i></a>
<div class="profile-icon-name">github</div>
</div>
</div>
</div>
</div>
</div>
<div class="profile-border"></div>
<div class="row">
<div class="col-sm-3">
<div class="single-profile">
<div class="profile-txt">
<a href=""><i class="flaticon-flickr-website-logo-silhouette"></i></a>
<div class="profile-icon-name">flickR</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-flickr-website-logo-silhouette"></i></a>
<div class="profile-icon-name">flickR</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="single-profile">
<div class="profile-txt">
<a href=""><i class="flaticon-smug"></i></a>
<div class="profile-icon-name">smungMung</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-smug"></i></a>
<div class="profile-icon-name">smungMung</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="single-profile">
<div class="profile-txt">
<a href=""><i class="flaticon-squarespace-logo"></i></a>
<div class="profile-icon-name">squareSpace</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-squarespace-logo"></i></a>
<div class="profile-icon-name">squareSpace</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="single-profile profile-no-border">
<div class="profile-txt">
<a href=""><i class="flaticon-bitbucket-logotype-camera-lens-in-perspective"></i></a>
<div class="profile-icon-name">bitBucket</div>
</div>
<div class="single-profile-overlay">
<div class="profile-txt">
<a href=""><i class="flaticon-bitbucket-logotype-camera-lens-in-perspective"></i></a>
<div class="profile-icon-name">bitBucket</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<!--profiles end -->
<!--portfolio start -->
<section id="portfolio" class="portfolio">
<div class="portfolio-details">
<div class="section-heading text-center">
<h2>portfolio</h2>
</div>
<div class="container">
<div class="portfolio-content">
<div class="isotope">
<div class="row">
<div class="col-sm-4">
<div class="item">
<img src="assets/images/portfolio/p1.jpg" alt="portfolio image"/>
<div class="isotope-overlay">
<a href="#">
ui/ux design
</a>
</div><!-- /.isotope-overlay -->
</div><!-- /.item -->
<div class="item">
<img src="assets/images/portfolio/p2.jpg" alt="portfolio image"/>
<div class="isotope-overlay">
<a href="#">
ui/ux design
</a>
</div><!-- /.isotope-overlay -->
</div><!-- /.item -->
</div><!-- /.col -->
<div class="col-sm-4">
<div class="item">
<img src="assets/images/portfolio/p3.jpg" alt="portfolio image"/>
<div class="isotope-overlay">
<a href="#">
web design
</a>
</div><!-- /.isotope-overlay -->
</div><!-- /.item -->
</div><!-- /.col -->
<div class="col-sm-4">
<div class="item">
<img src="assets/images/portfolio/p4.jpg" alt="portfolio image"/>
<div class="isotope-overlay">
<a href="#">
web development
</a>
</div><!-- /.isotope-overlay -->
</div><!-- /.item -->
<div class="item">
<img src="assets/images/portfolio/p5.jpg" alt="portfolio image"/>
<div class="isotope-overlay">
<a href="#">
web development
</a>
</div><!-- /.isotope-overlay -->
</div><!-- /.item -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!--/.isotope-->
</div><!--/.gallery-content-->
</div><!--/.container-->
</div><!--/.portfolio-details-->
</section><!--/.portfolio-->
<!--portfolio end -->
<!--clients start -->
<!--
<section id="clients" class="clients">
<div class="section-heading text-center">
<h2>clients</h2>
</div>
<div class="clients-area">
<div class="container">
<div class="owl-carousel owl-theme" id="client">
<div class="item">
<a href="#">
<img src="assets/images/clients/c1.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/images/clients/c2.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/images/clients/c3.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/images/clients/c4.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/images/clients/c5.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/images/clients/c6.png" alt="brand-image" />
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/images/clients/c7.png" alt="brand-image" />
</a>
</div>
</div>
</div>
</div>
</section>
</section>
-->
<!--clients end -->
<!--contact start -->
<section id="contact" class="contact">
<div class="section-heading text-center">
<h2>contact me</h2>
</div>
<div class="container">
<div class="contact-content">
<div class="row">
<div class="col-md-offset-1 col-md-5 col-sm-6">
<div class="single-contact-box">
<div class="contact-form">
<form>
<div class="row">
<div class="col-sm-6 col-xs-12">
<div class="form-group">
<input type="text" class="form-control" id="name" placeholder="Name*" name="name">
</div><!--/.form-group-->
</div><!--/.col-->
<div class="col-sm-6 col-xs-12">
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="Email*" name="email">
</div><!--/.form-group-->
</div><!--/.col-->
</div><!--/.row-->
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<input type="text" class="form-control" id="subject" placeholder="Subject" name="subject">
</div><!--/.form-group-->
</div><!--/.col-->
</div><!--/.row-->
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<textarea class="form-control" rows="8" id="comment" placeholder="Message" ></textarea>
</div><!--/.form-group-->
</div><!--/.col-->
</div><!--/.row-->
<div class="row">
<div class="col-sm-12">
<div class="single-contact-btn">
<a class="contact-btn" href="#" role="button">submit</a>
</div><!--/.single-single-contact-btn-->
</div><!--/.col-->
</div><!--/.row-->
</form><!--/form-->
</div><!--/.contact-form-->
</div><!--/.single-contact-box-->
</div><!--/.col-->
<div class="col-md-offset-1 col-md-5 col-sm-6">
<div class="single-contact-box">
<div class="contact-adress">
<div class="contact-add-head">
<h3>browny star</h3>
<p>uI/uX designer</p>
</div>
<div class="contact-add-info">
<div class="single-contact-add-info">
<h3>phone</h3>
<p>987-123-6547</p>
</div>
<div class="single-contact-add-info">
<h3>email</h3>
<p>browny@info.com</p>
</div>
<div class="single-contact-add-info">
<h3>website</h3>
<p>www.brownsine.com</p>
</div>
</div>
</div><!--/.contact-adress-->
<div class="hm-foot-icon">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li><!--/li-->
<li><a href="#"><i class="fa fa-dribbble"></i></a></li><!--/li-->
<li><a href="#"><i class="fa fa-twitter"></i></a></li><!--/li-->
<li><a href="#"><i class="fa fa-linkedin"></i></a></li><!--/li-->
<li><a href="#"><i class="fa fa-instagram"></i></a></li><!--/li-->
</ul><!--/ul-->
</div><!--/.hm-foot-icon-->
</div><!--/.single-contact-box-->
</div><!--/.col-->
</div><!--/.row-->
</div><!--/.contact-content-->
</div><!--/.container-->
</section><!--/.contact-->
<!--contact end -->
<!--footer-copyright start-->
<footer id="footer-copyright" class="footer-copyright">
<div class="container">
<div class="hm-footer-copyright text-center">
<p>
&copy; copyright yourname. design and developed by <a href="https://www.themesine.com/">themesine</a>
</p><!--/p-->
</div><!--/.text-center-->
</div><!--/.container-->
<div id="scroll-Top">
<div class="return-to-top">
<i class="fa fa-angle-up " id="scroll-top" ></i>
</div>
</div><!--/.scroll-Top-->
</footer><!--/.footer-copyright-->
<!--footer-copyright end-->
<!-- Include all js compiled plugins (below), or include individual files as needed -->
<script src="assets/js/jquery.js"></script>
<!--modernizr.min.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<!--bootstrap.min.js-->
<script src="assets/js/bootstrap.min.js"></script>
<!-- bootsnav js -->
<script src="assets/js/bootsnav.js"></script>
<!-- jquery.sticky.js -->
<script src="assets/js/jquery.sticky.js"></script>
<!-- for progress bar start-->
<!-- progressbar js -->
<script src="assets/js/progressbar.js"></script>
<!-- appear js -->
<script src="assets/js/jquery.appear.js"></script>
<!-- for progress bar end -->
<!--owl.carousel.js-->
<script src="assets/js/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!--Custom JS-->
<script src="assets/js/custom.js"></script>
</body>
</html>