2014-07-26 15:50:13 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< title > Mon deuxième billet!< / title >
< meta name = "viewport" content = "width=device-width" >
< meta name = "description" content = "Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description." >
2014-07-26 15:55:25 +00:00
< link rel = "canonical" href = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/mon-deuxieme-billet.html" >
2014-07-26 15:50:13 +00:00
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
2014-07-26 15:55:25 +00:00
< link rel = "stylesheet" href = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/css/bootstrap.min.css" >
2014-07-26 15:50:13 +00:00
<!-- Custom CSS -->
2014-07-26 15:55:25 +00:00
< link rel = "stylesheet" href = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/css/main.css" >
2014-07-26 15:50:13 +00:00
<!-- Custom Fonts -->
2014-07-26 15:55:25 +00:00
< link rel = "stylesheet" href = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/css/font-awesome/css/font-awesome.min.css" >
2014-07-26 15:50:13 +00:00
< link href = "http://fonts.googleapis.com/css?family=Montserrat:400,700" rel = "stylesheet" type = "text/css" >
< link href = "http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel = "stylesheet" type = "text/css" >
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js" > < / script >
< script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" > < / script >
<![endif]-->
< / head >
< body id = "page-top" class = "index" >
<!-- Navigation -->
< nav class = "navbar navbar-default navbar-fixed-top" >
< div class = "container" >
<!-- Brand and toggle get grouped for better mobile display -->
< div class = "navbar-header page-scroll" >
< button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#bs-example-navbar-collapse-1" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "navbar-brand" href = "#page-top" > Jerome Lachaud< / a >
< / div >
<!-- Collect the nav links, forms, and other content for toggling -->
< div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-1" >
< ul class = "nav navbar-nav navbar-right" >
< li class = "hidden" >
< a href = "#page-top" > < / a >
< / li >
< li class = "page-scroll" >
< a href = "#portfolio" > Portfolio< / a >
< / li >
< li class = "page-scroll" >
< a href = "#about" > About< / a >
< / li >
< li class = "page-scroll" >
< a href = "#contact" > Contact< / a >
< / li >
< / ul >
< / div >
<!-- /.navbar - collapse -->
< / div >
<!-- /.container - fluid -->
< / nav >
<!-- Header -->
< header >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< img class = "img-responsive" src = "img/profile.png" alt = "" >
< div class = "intro-text" >
< span class = "name" > Start Bootstrap< / span >
< hr class = "star-light" >
< span class = "skills" > Web Developer - Graphic Artist - User Experience Designer< / span >
< / div >
< / div >
< / div >
< / div >
< / header >
<!--
-->
`
<!-- Portfolio Grid Section -->
< section id = "portfolio" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12 text-center" >
< h2 > Portfolio< / h2 >
< hr class = "star-primary" >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-4 portfolio-item" >
< a href = "#portfolioModal1" class = "portfolio-link" data-toggle = "modal" >
< div class = "caption" >
< div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i >
< / div >
< / div >
< img src = "img/portfolio/cabin.png" class = "img-responsive" alt = "" >
< / a >
< / div >
< div class = "col-sm-4 portfolio-item" >
< a href = "#portfolioModal2" class = "portfolio-link" data-toggle = "modal" >
< div class = "caption" >
< div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i >
< / div >
< / div >
< img src = "img/portfolio/cake.png" class = "img-responsive" alt = "" >
< / a >
< / div >
< div class = "col-sm-4 portfolio-item" >
< a href = "#portfolioModal3" class = "portfolio-link" data-toggle = "modal" >
< div class = "caption" >
< div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i >
< / div >
< / div >
< img src = "img/portfolio/circus.png" class = "img-responsive" alt = "" >
< / a >
< / div >
< div class = "col-sm-4 portfolio-item" >
< a href = "#portfolioModal4" class = "portfolio-link" data-toggle = "modal" >
< div class = "caption" >
< div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i >
< / div >
< / div >
< img src = "img/portfolio/game.png" class = "img-responsive" alt = "" >
< / a >
< / div >
< div class = "col-sm-4 portfolio-item" >
< a href = "#portfolioModal5" class = "portfolio-link" data-toggle = "modal" >
< div class = "caption" >
< div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i >
< / div >
< / div >
< img src = "img/portfolio/safe.png" class = "img-responsive" alt = "" >
< / a >
< / div >
< div class = "col-sm-4 portfolio-item" >
< a href = "#portfolioModal6" class = "portfolio-link" data-toggle = "modal" >
< div class = "caption" >
< div class = "caption-content" >
< i class = "fa fa-search-plus fa-3x" > < / i >
< / div >
< / div >
< img src = "img/portfolio/submarine.png" class = "img-responsive" alt = "" >
< / a >
< / div >
< / div >
< / div >
< / section >
<!-- About Section -->
< section class = "success" id = "about" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12 text-center" >
< h2 > About< / h2 >
< hr class = "star-light" >
< / div >
< / div >
< div class = "row" >
< div class = "col-lg-4 col-lg-offset-2" >
< p > Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.< / p >
< / div >
< div class = "col-lg-4" >
< p > Whether you're a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point!< / p >
< / div >
< div class = "col-lg-8 col-lg-offset-2 text-center" >
< a href = "#" class = "btn btn-lg btn-outline" >
< i class = "fa fa-download" > < / i > Download Theme
< / a >
< / div >
< / div >
< / div >
< / section >
<!-- Contact Section -->
< section id = "contact" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12 text-center" >
< h2 > Contact Me< / h2 >
< hr class = "star-primary" >
< / div >
< / div >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
< form name = "sentMessage" id = "contactForm" novalidate >
< div class = "row control-group" >
< div class = "form-group col-xs-12 floating-label-form-group controls" >
< label > Name< / label >
< input type = "text" class = "form-control" placeholder = "Name" id = "name" required data-validation-required-message = "Please enter your name." >
< p class = "help-block text-danger" > < / p >
< / div >
< / div >
< div class = "row control-group" >
< div class = "form-group col-xs-12 floating-label-form-group controls" >
< label > Email Address< / label >
< input type = "email" class = "form-control" placeholder = "Email Address" id = "email" required data-validation-required-message = "Please enter your email address." >
< p class = "help-block text-danger" > < / p >
< / div >
< / div >
< div class = "row control-group" >
< div class = "form-group col-xs-12 floating-label-form-group controls" >
< label > Phone Number< / label >
< input type = "tel" class = "form-control" placeholder = "Phone Number" id = "phone" required data-validation-required-message = "Please enter your phone number." >
< p class = "help-block text-danger" > < / p >
< / div >
< / div >
< div class = "row control-group" >
< div class = "form-group col-xs-12 floating-label-form-group controls" >
< label > Message< / label >
< textarea rows = "5" class = "form-control" placeholder = "Message" id = "message" required data-validation-required-message = "Please enter a message." > < / textarea >
< p class = "help-block text-danger" > < / p >
< / div >
< / div >
< br >
< div id = "success" > < / div >
< div class = "row" >
< div class = "form-group col-xs-12" >
< button type = "submit" class = "btn btn-success btn-lg" > Send< / button >
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< / section >
<!--
< div class = "page-content" >
< div class = "wrap" >
< div class = "post" >
< header class = "post-header" >
< h1 > Mon deuxième billet!< / h1 >
< / header >
< article class = "post-content" >
< p > You’ < code > _posts< / code > directory - edit this post and re-build (or run with the < code > -w< / code > switch) to see your changes!
To add new posts, simply add a file in the < code > _posts< / code > directory that follows the convention: YYYY-MM-DD-name-of-post.ext.< / p >
< p > Jekyll also offers powerful support for code snippets:< / p >
< div class = "highlight" > < pre > < code class = "language-ruby" data-lang = "ruby" > < span class = "k" > def< / span > < span class = "nf" > print_hi< / span > < span class = "p" > (< / span > < span class = "nb" > name< / span > < span class = "p" > )< / span >
< span class = "nb" > puts< / span > < span class = "s2" > " Hi, < / span > < span class = "si" > #{< / span > < span class = "nb" > name< / span > < span class = "si" > }< / span > < span class = "s2" > " < / span >
< span class = "k" > end< / span >
< span class = "n" > print_hi< / span > < span class = "p" > (< / span > < span class = "s1" > ' Tom' < / span > < span class = "p" > )< / span >
< span class = "c1" > #=> prints ' Hi, Tom' to STDOUT.< / span > < / code > < / pre > < / div >
< p > Check out the < a href = "http://jekyllrb.com" > Jekyll docs< / a > for more info on how to get the most out of Jekyll. File all bugs/feature requests at < a href = "https://github.com/jekyll/jekyll" > Jekyll’ < / a > .< / p >
< / article >
< / div >
< / div >
< / div >
-->
<!-- Footer -->
< footer class = "text-center" >
< div class = "footer-above" >
< div class = "container" >
< div class = "row" >
< div class = "footer-col col-md-4" >
< h3 > Boutique< / h3 >
< p > 22 passage du Ponceau< br > 75002 Paris - France< / p >
< / div >
< div class = "footer-col col-md-4" >
< h3 > Around the Web< / h3 >
< ul class = "list-inline" >
< li >
< a href = "#" class = "btn-social btn-outline" > < i class = "fa fa-fw fa-facebook" > < / i > < / a >
< / li >
< li >
< a href = "#" class = "btn-social btn-outline" > < i class = "fa fa-fw fa-google-plus" > < / i > < / a >
< / li >
< li >
< a href = "#" class = "btn-social btn-outline" > < i class = "fa fa-fw fa-twitter" > < / i > < / a >
< / li >
< li >
< a href = "#" class = "btn-social btn-outline" > < i class = "fa fa-fw fa-linkedin" > < / i > < / a >
< / li >
< li >
< a href = "#" class = "btn-social btn-outline" > < i class = "fa fa-fw fa-dribbble" > < / i > < / a >
< / li >
< / ul >
< / div >
< div class = "footer-col col-md-4" >
< h3 > About Freelancer< / h3 >
< p > Freelance is a free to use, open source Bootstrap theme created by < a href = "http://startbootstrap.com" > Start Bootstrap< / a > .< / p >
< / div >
< / div >
< / div >
< / div >
< div class = "footer-below" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
Copyright © Your Website 2014
< / div >
< / div >
< / div >
< / div >
< / footer >
<!-- Scroll to Top Button (Only visible on small and extra - small screen sizes) -->
< div class = "scroll-top page-scroll visible-xs visble-sm" >
< a class = "btn btn-primary" href = "#page-top" >
< i class = "fa fa-chevron-up" > < / i >
< / a >
< / div >
<!-- Portfolio Modals -->
< div class = "portfolio-modal modal fade" id = "portfolioModal1" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" >
< div class = "lr" >
< div class = "rl" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
< div class = "modal-body" >
< h2 > Project Title< / h2 >
< hr class = "star-primary" >
< img src = "img/portfolio/cabin.png" class = "img-responsive img-centered" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < a href = "https://sellfy.com/p/8Q9P/jV3VZ/" > Flat Icons< / a > . On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!< / p >
< ul class = "list-inline item-details" >
< li > Client:
< strong > < a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date:
< strong > < a href = "http://startbootstrap.com" > April 2014< / a >
< / strong >
< / li >
< li > Service:
< strong > < a href = "http://startbootstrap.com" > Web Development< / a >
< / strong >
< / li >
< / ul >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > < i class = "fa fa-times" > < / i > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "portfolio-modal modal fade" id = "portfolioModal2" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" >
< div class = "lr" >
< div class = "rl" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
< div class = "modal-body" >
< h2 > Project Title< / h2 >
< hr class = "star-primary" >
< img src = "img/portfolio/cake.png" class = "img-responsive img-centered" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < a href = "https://sellfy.com/p/8Q9P/jV3VZ/" > Flat Icons< / a > . On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!< / p >
< ul class = "list-inline item-details" >
< li > Client:
< strong > < a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date:
< strong > < a href = "http://startbootstrap.com" > April 2014< / a >
< / strong >
< / li >
< li > Service:
< strong > < a href = "http://startbootstrap.com" > Web Development< / a >
< / strong >
< / li >
< / ul >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > < i class = "fa fa-times" > < / i > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "portfolio-modal modal fade" id = "portfolioModal3" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" >
< div class = "lr" >
< div class = "rl" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
< div class = "modal-body" >
< h2 > Project Title< / h2 >
< hr class = "star-primary" >
< img src = "img/portfolio/circus.png" class = "img-responsive img-centered" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < a href = "https://sellfy.com/p/8Q9P/jV3VZ/" > Flat Icons< / a > . On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!< / p >
< ul class = "list-inline item-details" >
< li > Client:
< strong > < a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date:
< strong > < a href = "http://startbootstrap.com" > April 2014< / a >
< / strong >
< / li >
< li > Service:
< strong > < a href = "http://startbootstrap.com" > Web Development< / a >
< / strong >
< / li >
< / ul >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > < i class = "fa fa-times" > < / i > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "portfolio-modal modal fade" id = "portfolioModal4" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" >
< div class = "lr" >
< div class = "rl" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
< div class = "modal-body" >
< h2 > Project Title< / h2 >
< hr class = "star-primary" >
< img src = "img/portfolio/game.png" class = "img-responsive img-centered" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < a href = "https://sellfy.com/p/8Q9P/jV3VZ/" > Flat Icons< / a > . On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!< / p >
< ul class = "list-inline item-details" >
< li > Client:
< strong > < a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date:
< strong > < a href = "http://startbootstrap.com" > April 2014< / a >
< / strong >
< / li >
< li > Service:
< strong > < a href = "http://startbootstrap.com" > Web Development< / a >
< / strong >
< / li >
< / ul >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > < i class = "fa fa-times" > < / i > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "portfolio-modal modal fade" id = "portfolioModal5" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" >
< div class = "lr" >
< div class = "rl" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
< div class = "modal-body" >
< h2 > Project Title< / h2 >
< hr class = "star-primary" >
< img src = "img/portfolio/safe.png" class = "img-responsive img-centered" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < a href = "https://sellfy.com/p/8Q9P/jV3VZ/" > Flat Icons< / a > . On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!< / p >
< ul class = "list-inline item-details" >
< li > Client:
< strong > < a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date:
< strong > < a href = "http://startbootstrap.com" > April 2014< / a >
< / strong >
< / li >
< li > Service:
< strong > < a href = "http://startbootstrap.com" > Web Development< / a >
< / strong >
< / li >
< / ul >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > < i class = "fa fa-times" > < / i > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "portfolio-modal modal fade" id = "portfolioModal6" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" >
< div class = "lr" >
< div class = "rl" >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
< div class = "modal-body" >
< h2 > Project Title< / h2 >
< hr class = "star-primary" >
< img src = "img/portfolio/submarine.png" class = "img-responsive img-centered" alt = "" >
< p > Use this area of the page to describe your project. The icon above is part of a free icon set by < a href = "https://sellfy.com/p/8Q9P/jV3VZ/" > Flat Icons< / a > . On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!< / p >
< ul class = "list-inline item-details" >
< li > Client:
< strong > < a href = "http://startbootstrap.com" > Start Bootstrap< / a >
< / strong >
< / li >
< li > Date:
< strong > < a href = "http://startbootstrap.com" > April 2014< / a >
< / strong >
< / li >
< li > Service:
< strong > < a href = "http://startbootstrap.com" > Web Development< / a >
< / strong >
< / li >
< / ul >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > < i class = "fa fa-times" > < / i > Close< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- jQuery Version 1.11.0 -->
2014-07-26 15:55:25 +00:00
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/jquery-1.11.0.js" > < / script >
2014-07-26 15:50:13 +00:00
<!-- Bootstrap Core JavaScript -->
2014-07-26 15:55:25 +00:00
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/bootstrap.min.js" > < / script >
2014-07-26 15:50:13 +00:00
<!-- Plugin JavaScript -->
2014-07-26 15:55:25 +00:00
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/jquery.easing.min.js" > < / script >
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/classie.js" > < / script >
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/cbpAnimatedHeader.js" > < / script >
2014-07-26 15:50:13 +00:00
<!-- Contact Form JavaScript -->
2014-07-26 15:55:25 +00:00
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/jqBootstrapValidation.js" > < / script >
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/contact_me.js" > < / script >
2014-07-26 15:50:13 +00:00
<!-- Custom Theme JavaScript -->
2014-07-26 15:55:25 +00:00
< script src = "http://s148919412.onlinehome.fr/01-jeromelachaud.com/06-jekyll.jerome.lachaud.com/js/freelancer.js" > < / script >
2014-07-26 15:50:13 +00:00
< / body >
< / html >
