1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180
| <!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">
<title>CV David Photiade</title>
<meta name="description" content="CV David Photiade">
<meta name="keywords" content="B2B, projet, programmation, Systèmes d'Information,francais, anglais, espagnol,allemand, prospection, commercial, business devellopement">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Bitter' 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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
/* Styles de base */
body {
font-family: 'Bitter', serif;
background-color: #eef;
color: #333;
background: url('assets/img/fond.jpg') repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
position: relative;
}
/* Titres */
h1 {
margin-bottom: 40px;
}
/* Images */
img {
width: 100%;
}
/* Jumbotron */
.jumbotron {
margin-top: 40px;
background: rgba(255, 255, 255, 0.5);
}
.jumbotron img {
padding-bottom: 20px;
}
/* Footer */
footer.row {
margin: 20px 0 40px 0;
}
</style>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar">
<header>
<!-- Navigation
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#page-top">CV David Photiade</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="hidden"><a href="#page-top"></a></li>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#competences">Mes competences</a></li>
<li><a href="#formation">Ma formation</a></li>
<li><a href="#experience">Experience professionnelle</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- Corps de page
================================================== -->
<div class="container">
<div class="jumbotron container row" id="accueil">
<h1 class="text-center">Bienvenue sur mon site </h1>
<img class="col-sm-12 col-md-5" src="assets/img/accueil.jpg" alt="Accueil">
<p class="col-sm-12 col-md-7">Bonjour , bienvenue sur mon site Je vous laisse le parcourir afin de découvrir mes compétences.Si mon profil vous intéresse, contacez moi via l'onglet Contact</p>
</div>
<div class="jumbotron container row" id="competences">
<h1 class="text-center">Mes competences</h1>
<img class="col-sm-12 col-md-5 col-md-push-7" src="assets/img/compétences.jpg" alt="Competences">
<p class="col-sm-12 col-md-7 col-md-pull-5">
Je dispose de plusieurs types de compétences:</br>
<strong>Pour les langues étrangères,</strong>je parle francais, anglais et espagnol couramment et ai un niveau intermédiaire en allemand</br>
<strong>Pour les outils bureautiques,</strong> je maitrise les pack Microsoft Office et Libre Office ainsi que Salesforce.</br>
<strong>Pour la programmation,</strong> je sais programmer en HTML/CSS,PHP/MySQL,Javascript/Jquery.</br>
</p>
</div>
<div class="jumbotron container row" id="formation">
<h1 class="text-center">Ma formation</h1>
<img class="col-sm-12 col-md-5 col-md-push-7" src="assets/img/formation.jpg" alt="formation">
<p class="col-sm-12 col-md-7 col-md-pull-5">Concernant ma formation , je suis diplomé:</br>
<strong>Depuis Janvier 2015</strong>,je suis titulaire d'un<strong>Master 2</strong>avec une double spécialisation en négociation internationale et finance d'entreprise.</br>
De plus , en tant que formation continue,</br>je suis des <strong>cours de programmation</strong>via Open Classrooms.</br>
</p>
</div>
<div class="jumbotron container row" id="experience">
<h1 class="text-center">Mes experiences</h1>
<img class="col-sm-12 col-md-5 col-md-push-7" src="assets/img/expérience.jpg" alt="experience">
<p class="col-sm-12 col-md-7 col-md-pull-5">En tant que jeune professionnel,j'ai travaillé dans le domaine de la Location Longue Durée chez Arval puis ALD Automotive </br>
ALD Automotive- 140 nouveaux clients signés ( objectif de 120 clients)
Arval- vente de prestations additionnelles à 50 clients ( portefeuille de 80 clients)
</div>
<div class="jumbotron" id="contact">
<h1 class="text-center">Vous voulez me contactez ?</h1>
<form class="row" method="POST"action="contact.php">
<div class="form-group col-lg-4">
<input NAME="email" class="form-control" placeholder="Votre email">
</div>
<div class="form-group col-lg-8">
<textarea class="form-control" rows="3" placeholder="Votre message"></textarea>
</div>
<div class="form-group col-lg-12">
<input TYPE="submit" class="btn btn-default pull-right">Envoyer</input>
</div>
</form>
</div>
</div>
<!-- Pied de page
================================================== -->
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Javascript de Bootstrap -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
// Scrollspy fluide
$(function () {
$('header a').on('click', function(e) {
e.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(this.hash).offset().top
}, 1000, function(){
window.location.hash = hash;
});
});
});
</script>
</body>
</html> |
Partager