test
This commit is contained in:
parent
4c5de8d702
commit
b4b79d7b55
@ -5,7 +5,7 @@
|
|||||||
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
|
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
|
||||||
<meta name="description" content="Accueil" />
|
<meta name="description" content="Accueil" />
|
||||||
<meta name="author" content="Tropicananass" />
|
<meta name="author" content="Tropicananass" />
|
||||||
<link href="style/Accueil.css" type="text/css" rel="stylesheet" />
|
<link href="css/Accueil.css" type="text/css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
61
css/cv.css
Normal file
61
css/cv.css
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
img#id {
|
||||||
|
width: 70%;
|
||||||
|
heigth: auto;
|
||||||
|
margin: auto;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
img[class="puce"] {
|
||||||
|
width: 12%;
|
||||||
|
}
|
||||||
|
.feuille {
|
||||||
|
min-width: 1080px;
|
||||||
|
width: 1080px;
|
||||||
|
height: 1528px;
|
||||||
|
margin: auto;
|
||||||
|
background-color: white;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
/* font-size: xx-large; */
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
/* font-size: 12px;
|
||||||
|
font-family: Impact, "Arial Black", Arial, Verdana, sans-serif; */
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background-color: #000;
|
||||||
|
/* justify-content: center;
|
||||||
|
align-content: stretch; */
|
||||||
|
}
|
||||||
|
article {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 4px;
|
||||||
|
/*border: 2px solid black;*/
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
/*border: 2px solid black;*/
|
||||||
|
/* margin: auto; */
|
||||||
|
}
|
||||||
|
section#left {
|
||||||
|
width: 35%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
/* flex: 1; */
|
||||||
|
}
|
||||||
|
section#right {
|
||||||
|
width: 65%;
|
||||||
|
/* flex: 3; */
|
||||||
|
}
|
40
cv.html
40
cv.html
@ -1,40 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Curiculum Vitae</title>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
|
|
||||||
<meta name="description" content="cv" />
|
|
||||||
<meta name="author" content="Nathan Gouarderes" />
|
|
||||||
<link href="style/cv.css" type="text/css" rel="stylesheet" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Nathan Gouardères</h1>
|
|
||||||
<p>
|
|
||||||
Développeur Random, Étudiant en master à l'université toulouse III Paul Sabatier
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
Mon Expérience
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
<ol>
|
|
||||||
<li>Sdl random drawing</li>
|
|
||||||
</ol>
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
Mes Compétences
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
<ol>
|
|
||||||
<li></li>
|
|
||||||
</ol>
|
|
||||||
</p>
|
|
||||||
<h2>
|
|
||||||
Ma Formation
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
<ol>
|
|
||||||
<li></li>
|
|
||||||
</ol>
|
|
||||||
</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
65
html/cv.html
Normal file
65
html/cv.html
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Curiculum Vitae</title>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
|
||||||
|
<meta name="description" content="cv" />
|
||||||
|
<meta name="author" content="Nathan Gouarderes" />
|
||||||
|
<link href="../css/cv.css" type="text/css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="feuille">
|
||||||
|
<section id=left>
|
||||||
|
<article class="">
|
||||||
|
<img id="id" src="../img/pics/id.jpg" alt="Profile picture" />
|
||||||
|
</article>
|
||||||
|
<article class="">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img class="puce" src="../img/pics/home.png" alt="Address">
|
||||||
|
<span>12 rue Volta, 31000 Toulouse</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img class="puce" src="../img/pics/mail.png" alt="Address">
|
||||||
|
<span>nathan.gouarderes@gmail.com</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img class="puce" src="../img/pics/tel.png" alt="Address">
|
||||||
|
<span>06 02 33 37 24</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
<section id=right>
|
||||||
|
<h1>Nathan Gouardères</h1>
|
||||||
|
<p>
|
||||||
|
Développeur Random, Étudiant en master à l'université toulouse III Paul Sabatier
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
Mon Expérience
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ol>
|
||||||
|
<li>Sdl random drawing</li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
Mes Compétences
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ol>
|
||||||
|
<li></li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
Ma Formation
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ol>
|
||||||
|
<li></li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
img/pics/home.png
Executable file
BIN
img/pics/home.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 29 KiB |
BIN
img/pics/mail.png
Executable file
BIN
img/pics/mail.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 31 KiB |
BIN
img/pics/tel.png
Executable file
BIN
img/pics/tel.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 5.2 KiB |
Loading…
Reference in New Issue
Block a user