commit ee7799f51bf0658a04dfb553b9da6ded749d9c65 Author: nyanloutre Date: Tue May 12 16:57:02 2020 +0200 premier commit diff --git a/index.html b/index.html new file mode 100644 index 0000000..04f024a --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + Anna Uetwiller - Architecte + + + + + + +
+

Anna Uetwiller

+

Architecte - Dessinatrice

+
+
+

Modélisation 3D de l'extérieur

+
+ + + + + +
+

Modélisation 3D de l'intérieur

+
+ + + +
+
+ + diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..8131d77 --- /dev/null +++ b/logo.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e3cc3e6 --- /dev/null +++ b/style.css @@ -0,0 +1,70 @@ +body { + background-color: #e6e6e6; + margin: 0; + display: grid; +} + +@media (min-width: 900px) { + body { + grid-template-columns: 250px; + grid-template-areas: + 'menu title' + 'menu content'; + } +} + +@media (max-width: 900px) { + body { + grid-template-areas: + 'title' + 'menu' + 'content'; + } +} + +#title { + grid-area: title; +} + +#navbar { + background-color: #eadecc; + list-style: none; + margin-right: 1rem; + padding-top: 1rem; + grid-area: menu; +} + +#navbar li:not(:first-child) { + margin-top: 1rem; +} + +#navbar li:last-child { + margin-bottom: 1rem; +} + +#logo { + width: 150px; +} + +#content { + grid-area: content; + display: flex; + flex-direction: column; + align-items: center; +} + +h1, h2, h3 { + color: #8c877d; +} + +#content h1 { + margin-bottom: 0; +} + +#content h2 { + margin-top: 0; +} + +.galery a img { + margin: 0.5rem; +}