created a central area thinner than banners
This commit is contained in:
asus
245
index.html
245
index.html
@@ -16,25 +16,29 @@
|
||||
<link href="./styles/elements/title.css" type="text/css" rel="stylesheet">
|
||||
<link href="./styles/elements/cv.css" type="text/css" rel="stylesheet">
|
||||
<link href="./styles/elements/infos.css" type="text/css" rel="stylesheet">
|
||||
<link href="./styles/elements/test.css" type="text/css" rel="stylesheet">
|
||||
<link href="./styles/elements/sections.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<!--
|
||||
|
||||
ids :
|
||||
|
||||
<id="personnal_infos">
|
||||
<id="role_title">
|
||||
<id="cv_infos">
|
||||
<id="mouse_1">
|
||||
<id="mouse_2">
|
||||
<id="mouse_3">
|
||||
<id="mouse_4">
|
||||
<id="banner_1">
|
||||
<id="banner_2">
|
||||
<id="banner_3">
|
||||
<id="banner_4">
|
||||
<id="banner_5">
|
||||
<section id="infos">
|
||||
<section id="cv">
|
||||
<figure id="name">
|
||||
<figure id="title">
|
||||
<figure id="mouse_1">
|
||||
<figure id="mouse_2">
|
||||
<figure id="mouse_3">
|
||||
<figure id="mouse_4">
|
||||
<figure id="banner_1">
|
||||
<figure id="banner_2">
|
||||
<figure id="banner_3">
|
||||
<figure id="banner_4">
|
||||
<figure id="banner_5">
|
||||
<figure id="banner_6">
|
||||
<figure id="banner_7">
|
||||
<figure id="banner_8">
|
||||
|
||||
original : • 8226 U+2022
|
||||
: 57442 U+E062
|
||||
@@ -70,54 +74,11 @@
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
ROLE TITLE
|
||||
CV
|
||||
-->
|
||||
<section id="role_title">
|
||||
<figure id="name" style="gap:10px 30px;" data-flex="horizontal center wrap">
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
<figure id="title" style="gap:10px 30px; margin:30px 0px;" data-flex="horizontal center wrap">
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</section>
|
||||
<!--
|
||||
END ROLE TITLE
|
||||
-->
|
||||
|
||||
|
||||
<!--
|
||||
CV INFOS
|
||||
-->
|
||||
<section id="cv_infos" data-flex="vertical left">
|
||||
<section id="cv" data-flex="vertical left">
|
||||
<h2>voici mon CV, que vous pouvez egalement <a>télécharger en pdf</a></h2>
|
||||
<details>
|
||||
<summary>
|
||||
<h2>Informatique</h2>
|
||||
@@ -171,7 +132,7 @@
|
||||
</details>
|
||||
</section>
|
||||
<!--
|
||||
END CV INFOS
|
||||
END CV
|
||||
-->
|
||||
|
||||
|
||||
@@ -179,23 +140,60 @@
|
||||
|
||||
|
||||
<!--
|
||||
PERSONNAL INFOS
|
||||
INFOS
|
||||
-->
|
||||
<section id="personnal_infos" style="margin: 50px auto;">
|
||||
<section id="infos">
|
||||
<p>hugogogo@protonmail.com</p>
|
||||
</section>
|
||||
<!--
|
||||
END PERSONNAL INFOS
|
||||
END INFOS
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
MOUSE 1
|
||||
TITLE AREA
|
||||
-->
|
||||
<figure class="frames_container mouse" id="mouse_1">
|
||||
<section id="title_area">
|
||||
<figure id="name" style="gap:10px 30px;" data-flex="horizontal center wrap">
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
<figure id="title" style="gap:10px 30px; margin:30px 0px;" data-flex="horizontal center wrap">
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
<figure class="frames_container mouse" id="mouse_1">
|
||||
<pre class="frame f1">
|
||||
|
||||
|
||||
@@ -268,9 +266,10 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
</section>
|
||||
<!--
|
||||
END MOUSE 1
|
||||
END TITLE AREA
|
||||
-->
|
||||
|
||||
|
||||
@@ -281,7 +280,7 @@
|
||||
<!--
|
||||
MOUSE 2
|
||||
-->
|
||||
<figure class="frames_container mouse" id="mouse_2">
|
||||
<figure class="frames_container mouse" id="mouse_2">
|
||||
<pre class="frame f1">
|
||||
|
||||
|
||||
@@ -354,7 +353,7 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END MOUSE 2
|
||||
-->
|
||||
@@ -367,7 +366,7 @@
|
||||
<!--
|
||||
MOUSE 3
|
||||
-->
|
||||
<figure class="frames_container mouse" id="mouse_3">
|
||||
<figure class="frames_container mouse" id="mouse_3">
|
||||
<pre class="frame f1">
|
||||
|
||||
|
||||
@@ -432,7 +431,7 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END MOUSE 3
|
||||
-->
|
||||
@@ -445,7 +444,7 @@
|
||||
<!--
|
||||
MOUSE 4
|
||||
-->
|
||||
<figure class="frames_container mouse" id="mouse_4">
|
||||
<figure class="frames_container mouse" id="mouse_4">
|
||||
<pre class="frame f1">
|
||||
|
||||
|
||||
@@ -509,7 +508,7 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END MOUSE 4
|
||||
-->
|
||||
@@ -526,13 +525,13 @@
|
||||
<!--
|
||||
BANNER 1
|
||||
-->
|
||||
<figure id="banner_1">
|
||||
<figure id="banner_1">
|
||||
<pre class="banner">
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 1
|
||||
-->
|
||||
@@ -546,8 +545,8 @@
|
||||
<!--
|
||||
BANNER 2
|
||||
-->
|
||||
<figure id="banner_2">
|
||||
<pre class="banner reverse t1_0">
|
||||
<figure id="banner_2">
|
||||
<pre class="banner reverse t10">
|
||||
|
||||
|
||||
|
||||
@@ -561,7 +560,7 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 2
|
||||
-->
|
||||
@@ -576,13 +575,13 @@
|
||||
<!--
|
||||
BANNER 3
|
||||
-->
|
||||
<figure id="banner_3">
|
||||
<pre class="banner t2_0 reverse">
|
||||
<figure id="banner_3">
|
||||
<pre class="banner t20 reverse">
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 3
|
||||
-->
|
||||
@@ -595,8 +594,8 @@
|
||||
<!--
|
||||
BANNER 4
|
||||
-->
|
||||
<figure id="banner_4">
|
||||
<pre class="banner t0_5">
|
||||
<figure id="banner_4">
|
||||
<pre class="banner t05">
|
||||
|
||||
|
||||
|
||||
@@ -607,7 +606,7 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 4
|
||||
-->
|
||||
@@ -622,8 +621,8 @@
|
||||
<!--
|
||||
BANNER 5
|
||||
-->
|
||||
<figure id="banner_5">
|
||||
<pre class="banner reverse">
|
||||
<figure id="banner_5">
|
||||
<pre class="banner reverse t15">
|
||||
|
||||
|
||||
|
||||
@@ -640,7 +639,79 @@
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 5
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 6
|
||||
-->
|
||||
<figure id="banner_6">
|
||||
<pre class="banner t20">
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 6
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 7
|
||||
-->
|
||||
<figure id="banner_7">
|
||||
<pre class="banner t05 reverse">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 7
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 8
|
||||
-->
|
||||
<figure id="banner_8">
|
||||
<pre class="banner t10 reverse">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</figure>
|
||||
<!--
|
||||
END BANNER 5
|
||||
-->
|
||||
|
||||
Reference in New Issue
Block a user