modifs in global attribute flexbox alternativ implementation
This commit is contained in:
173
index.html
173
index.html
@@ -18,7 +18,9 @@
|
||||
|
||||
ids :
|
||||
|
||||
<id="name">
|
||||
<id="personnal_infos">
|
||||
<id="role_title">
|
||||
<id="cv_infos">
|
||||
<id="mouse_1">
|
||||
<id="mouse_2">
|
||||
<id="mouse_3">
|
||||
@@ -42,13 +44,52 @@
|
||||
|
||||
<body>
|
||||
|
||||
<section class="vertical-left">
|
||||
<!--
|
||||
PERSONNAL INFOS
|
||||
-->
|
||||
<section id="personnal_infos">
|
||||
<p>+33 (0)7 67 04 11 14</p>
|
||||
<p>www.hugulumu.fr</p>
|
||||
<p>hugogogo@protonmail.com</p>
|
||||
</section>
|
||||
<!--
|
||||
END PERSONNAL INFOS
|
||||
-->
|
||||
|
||||
<section class="vertical-left">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
ROLE TITLE
|
||||
-->
|
||||
<div id="role_title" class="horizontal child-left width-content wrap gap margin-medium margin-top margin-bottom">
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
<!--
|
||||
END ROLE TITLE
|
||||
-->
|
||||
|
||||
|
||||
<!--
|
||||
CV INFOS
|
||||
-->
|
||||
<section id="cv_infos" class="vertical child-left">
|
||||
<h1>Informatique</h1>
|
||||
<ul>
|
||||
<li>École 42, Paris, 2021-2022, tronc commun - niveau 10</li>
|
||||
@@ -81,27 +122,18 @@
|
||||
<li>Autonomie : recherche des moyens de vivre avec le minimum d'affaires</li>
|
||||
</ul>
|
||||
</section>
|
||||
<!--
|
||||
END CV INFOS
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="left horizontal wrap">
|
||||
<pre id="name">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre id="name">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
MOUSE 1
|
||||
-->
|
||||
<div class="frames_container" id="mouse_1">
|
||||
<pre class="frame f1">
|
||||
|
||||
@@ -176,7 +208,18 @@
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
<!--
|
||||
END MOUSE 1
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
MOUSE 2
|
||||
-->
|
||||
<div class="frames_container" id="mouse_2">
|
||||
<pre class="frame f1">
|
||||
|
||||
@@ -251,7 +294,18 @@
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
<!--
|
||||
END MOUSE 2
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
MOUSE 3
|
||||
-->
|
||||
<div class="frames_container" id="mouse_3">
|
||||
<pre class="frame f1">
|
||||
|
||||
@@ -318,7 +372,18 @@
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
<!--
|
||||
END MOUSE 3
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
MOUSE 4
|
||||
-->
|
||||
<div class="frames_container" id="mouse_4">
|
||||
<pre class="frame f1">
|
||||
|
||||
@@ -384,14 +449,36 @@
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
<!--
|
||||
END MOUSE 4
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 1
|
||||
-->
|
||||
<pre class="banner" id="banner_1">
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<!--
|
||||
END BANNER 1
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 2
|
||||
-->
|
||||
<pre class="banner reverse t1_0" id="banner_2">
|
||||
|
||||
|
||||
@@ -406,13 +493,37 @@
|
||||
|
||||
|
||||
</pre>
|
||||
<!--
|
||||
END BANNER 2
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 3
|
||||
-->
|
||||
<pre class="banner t2_0 reverse" id="banner_3">
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<!--
|
||||
END BANNER 3
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 4
|
||||
-->
|
||||
<pre class="banner t0_5" id="banner_4">
|
||||
|
||||
|
||||
@@ -424,7 +535,20 @@
|
||||
|
||||
|
||||
</pre>
|
||||
<!--
|
||||
END BANNER 4
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
BANNER 5
|
||||
-->
|
||||
<pre class="banner reverse" id="banner_5">
|
||||
|
||||
|
||||
@@ -442,6 +566,17 @@
|
||||
|
||||
|
||||
</pre>
|
||||
<!--
|
||||
END BANNER 5
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user