-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (81 loc) · 4.31 KB
/
index.html
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
<html>
<head>
<meta charset="UTF-8">
<title>Paul LEPETIT | Portfolio</title>
<link rel="stylesheet" href="css/mainstyle.css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<nav id="navLeave" class="topNav">
<li><a href="#section1">profile</a></li>
<li><a href="#section2">compétences</a></li>
<li><a href="#section3">contact</a></li>
</nav>
<div id="left">
<!--BIO-->
<section class="position" id="section1">
<div class="infoContainer">
<div class="line5"></div>
<h2 class="head">Profile - <span class="blue">P.</span></h2>
<p class="head">Natif de Valognes, dans la manche, j'ai grandis dans les milieux de l'<span class="grey"><strong class="little">industrie</strong></span> et de l' <span class="grey"><strong class="little">artisanat</strong></span>.</p>
<p class="text">Titulaire d'un <span class="grey"><strong class="fat">baccalauréat STIC</strong></span>, j'ai changé de voix au fil des années.Passant du dessin industriel assisté par ordinateur au développement web.</p>
<p class="text">Passionné par le <span class="grey"><strong class="fat">developpement web</strong></span> et <span class="grey"><strong class="fat">l'intégration</strong></span>, je poursuis des études & formations dans ce domaine qui est pour moi une source inépuisable et en constante évolution..</p>
</div>
</section>
<!--BIO END-->
<!--RECOGNITION-->
<section class="position" id="section2">
<div class="infoContainer">
<div class="line5"></div>
<h2 class="head">Compétences - <span class="blue">C.</span></h2>
<p class="text">HTML5, CSS3, Sass, JavaScript, jQuery, Phaser, PHP, MySQL, WordPress</p>
</div>
</section>
<!--RECOGNITION END-->
<!--CONTACT-->
<section class="position" id="section3">
<div class="infoContainer">
<h2 class="head">Contact - <span class="blue">C.</span></h2>
<p class="head">présentement à <span class="grey"><strong class="little">Valognes</strong></span> 50700 <br>dans la <span class="grey"><strong class="little">Manche</strong></span></p>
<p class="text">mail :<span class="grey"><strong class="fat">paul@lepetit.me</strong></span></p>
<p class="text">joignable par téléphone<span class="grey"><strong class="fat"> 06 88 77 88 41</strong></span><br> ou sur les réseaux sociaux<span class="grey"><strong class="fat">Facebook Twitter, ou Linkedin</strong></span></p>
</div>
</section>
<!--CONTACT END-->
</div>
</div>
<!-- <div class="block block01 animIn"></div>
<div class="block block02 animIn"></div>
<div class="block block03 animIn"></div> -->
</div>
<div id="rightleave">
<h1 class="logo">P.</h1>
<div id="InfoCenter">
<h1 class="nom">Paul <span>LEPETIT<span></h1>
<p class="domaine">intégration & <span>développement web<span></p>
<div class="button" id="button" value="START">click me</div>
</div>
</div>
<div id="right">
<nav id="verticaleNav"class="verticalnav">
<li class="navtest"><a class="navsocial" href="#profile">facebook</a></li>
<li class="navtest"><a class="navsocial" href="#coordonnees">twitter</a></li>
<li class="navtest"><a class="navsocial" href="#contact">linkedin</a></li>
</nav>
<aside id="InfoAside">
<div id="InfoLeft">
<h2>domaine</h2>
<h1>paul lepetit</h1>
</div>
<div id="InfoRight">
<p>/intégration</p>
<p>/développement</p>
<p>/web</p>
<h1 class="underRight">P</h1>
</div>
</aside>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/addclass.js" charset="utf-8"></script>
<script src="js/anchorcustom.js" charset="utf-8"></script>
</body>
</html>