diff --git a/css/style.css b/css/style.css index f3d2269..69c9a7d 100644 --- a/css/style.css +++ b/css/style.css @@ -28,9 +28,9 @@ h1 { .sidebar { + display: flex; position: sticky; top: 5%; - display: flex; flex-direction: column; width: 20%; max-height: 500px; @@ -42,8 +42,8 @@ h1 { margin-right: 10px; } .backimgid { - width: 60%; - height: 60%; + margin: 10px; + padding: 10px; background-color: #888888; border-radius: 10px; position: relative; @@ -100,7 +100,7 @@ h1 { border: 2px solid gray; border-radius: 20px; margin-left: 10px; - + padding: 20px; } #mesProjets { @@ -110,10 +110,19 @@ h1 { #mesProjets:target { display: block; } + +#bigC { + display: flex; + flex-direction: column; +} + nav { - align-self: end; - border-bottom: 2px solid gray; - border-left: 2px solid gray ; + position: sticky; + width: fit-content; + align-self: flex-end; + top: 5%; + margin-right: 25%; + border: 2px solid gray; padding: 10px; border-bottom-left-radius: 20px; border-top-right-radius: 20px ; @@ -140,8 +149,23 @@ nav ul li a { margin: 20px; } +#a-propos:target { + display: block; +} + +#mesProjets:target { + display: block; +} + +#cv:target { + display: block; +} + + + section { margin-bottom: 40px; + display: none; } section h2 { @@ -170,6 +194,11 @@ section h2 { padding: 20px; } +#imgcv { + padding: 10px; + width: 75%; + +} ::-moz-selection { background: #b3d4fc; diff --git a/images/cv_rox.jpg b/images/cv_rox.jpg new file mode 100644 index 0000000..e97349e Binary files /dev/null and b/images/cv_rox.jpg differ diff --git a/images/graphes.png b/images/graphes.png new file mode 100644 index 0000000..7175715 Binary files /dev/null and b/images/graphes.png differ diff --git a/index.html b/index.html index be241dd..249f2f4 100644 --- a/index.html +++ b/index.html @@ -4,15 +4,10 @@ - - + Roxane Rossetto Portfolio + - - - - - @@ -22,7 +17,7 @@ -

Portefolio

+

Portfolio

-
-
+
+ +
+
+ +