-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (120 loc) · 5.7 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
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
<!DOCTYPE html>
<html lang="en">
<!--Note: Ajouter une section pour le parcours scolaire-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="">
<meta name="author" content="">
<link href="styles.css" type="text/css" rel="stylesheet" media="all"/>
<link rel="stylesheet" href="js/slick-1.8.0/slick/slick.css"/>
<link rel="stylesheet" href="js/slick-1.8.0/slick/slick-theme.css"/>
<!--
Note: L'ajout de certain élément bootstrap gêne mes styles(voir titre h1)
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
<title>Portfolio</title>
</head>
<body>
<header>
<nav>
<div class="nav-container">
<a href="navbar-logo"><img src="./images/logo.png"></a>
<ul class="nav-menu nav-default">
<li><a href="">Home</a></li>
<li><a href="">Project</a></li>
<li><a href="">Skills</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">contact</a></li>
</ul>
</div>
</nav>
<section class="header-intro">
<p class="text-intro">Good morning my name is dexter, i am a passion developper(presentation/intro)</p>
<!--Rajouter un canvas avec un effet WEBGL-->
</section>
</header>
<!--Section pour les projets scolaires, perso, pro cela pourrait être un slider-->
<section class="light-bg" id="intro" data-ride="carousel">
<h1>Project</h1>
<div class="wrapper-slider">
<div class="container-slider">
<div class="slider">
<div class="slide-center grid-wrap">
<div class="grid-project"><img src="images/nxtedu.jpg" alt="lego ev3"></div>
<div class="grid-project"><p>Projet1</p></div>
</div>
<div class="slide-center">
<p>Projet2</p>
<iframe width="454" height="280" src="https://www.youtube.com/embed/AJyuTT_6Zxw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!--Section de présentation des compétences-->
<section id="skills-style ">
<div class="wrapper">
<h1>Skills</h1>
<div class="grid-container">
<div class="grid11">
<h2 class="title-right">Langage de programmation</h2>
<ul class="item1 list-group-right"></ul>
</div>
<div>
<h2>IDE</h2>
<ul class="item2"></ul>
</div>
<div>
<h2 class="title-right">Toto</h2>
<ul class="item3 list-group-right"></ul>
</div>
<div>
<h2>Tata</h2>
<ul class="item4"></ul>
</div>
</div>
</div>
</section>
<!--Section pour les hobbies-->
<section class="light-bg">
<div class="wrapper">
<h1>Hobbies</h1>
</div>
</section>
<!--Section contact-->
<section class="dark-bg">
<div class="wrapper">
<h1>Contact</h1>
<form>
<input class="field" type="text" value="" placeholder="your name"/>
<input class="field" type="text" value="" placeholder="your mail"/>
<input class="field" type="text" value="" placeholder="subject"/>
<input class="field" type="text" value="" placeholder="message"/>
<button type="submit" class="btn-mail" >Send Message</button>
</form>
</div>
</section>
<footer>
<div class="text-container foot-text">
<p>Thème made by BENONI Dexter bla bla(copyright)</p>
</div>
</footer>
<!--Scripts:-->
<script src="./js/DOM-modifier.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/slick-1.8.0/slick/slick.min.js"></script>
<script>
$(document).ready(function(){
$(".slider").slick({
prevArrow:"<img class='arrowleft control-c prev slick-prev' src='./images/templates-gallery-left-arrow.png'>",
nextArrow:"<img class='arrowright control-c next slick-next' src='./images/templates-gallery-right-arrow.png'>",
adaptativeHeight: true
});
});
</script>
</body>
</html>