diff --git a/CSS/styles.css b/CSS/styles.css index b76e6b2..036e2c6 100644 --- a/CSS/styles.css +++ b/CSS/styles.css @@ -3,22 +3,47 @@ } +body{ + +} + + + +nav{ + top: 0; + position: fixed; + display: flex; + align-content: center; + justify-content: center; + background-image: url("../img/icon.png"); + width: 100%; + +} + + + #icone{ height: 10vh; width: 10vw; } + + li{ - list-style-type: none; display: inline-block; + +} + +p{ + font-size: 30px; } .page{ + list-style-type: none; text-decoration: none; color: black; - display: inline-block; - margin: 2vh; + margin-right: 10vh; @@ -28,3 +53,8 @@ li{ color: red; transform: scale(1.3); } + +footer{ + background-color: black; + +} \ No newline at end of file diff --git a/index.html b/index.html index 67b643e..4f6a401 100644 --- a/index.html +++ b/index.html @@ -13,12 +13,11 @@
- +
-
aa
+ +

+freestar +freestar + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt, nisl vel venenatis lacinia, lorem sem fringilla odio, ut blandit erat mauris id elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent nec velit eget odio mattis posuere in vitae sem. Nam vel interdum metus. Maecenas fringilla metus nunc, eget sodales lacus ornare non. Ut a metus ut erat feugiat tempor. Vestibulum a pellentesque risus. Ut ut ante nisl. Suspendisse vitae est posuere, tincidunt justo sed, ornare odio. + +Sed dignissim aliquam erat, vitae varius odio sodales vitae. Curabitur ut leo placerat, interdum dui non, egestas diam. In sagittis nisi orci, sit amet venenatis risus posuere sed. Duis hendrerit magna quis finibus pretium. Mauris dolor nulla, molestie quis velit sit amet, ultricies dignissim lectus. Nam felis urna, dapibus vel magna id, euismod mattis dui. Duis vitae cursus dolor, ut rutrum enim. Cras porttitor eu magna eget molestie. Sed vitae volutpat ex, in consequat arcu. + +Donec rutrum, ligula sit amet condimentum tristique, lorem lorem mattis lacus, ac venenatis enim augue ut sapien. Donec pretium sagittis nunc pharetra lacinia. Donec vel suscipit nisl, ut tincidunt enim. Sed mattis bibendum bibendum. Donec faucibus consequat nisi, eget vehicula lectus ullamcorper id. Suspendisse nec scelerisque tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer pharetra, lacus at congue interdum, sem turpis efficitur eros, ut dictum justo nibh congue magna. Phasellus non felis eget erat dictum imperdiet. Aenean posuere hendrerit varius. +Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt, nisl vel venenatis lacinia, lorem sem fringilla odio, ut blandit erat mauris id elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent nec velit eget odio mattis posuere in vitae sem. Nam vel interdum metus. Maecenas fringilla metus nunc, eget sodales lacus ornare non. Ut a metus ut erat feugiat tempor. Vestibulum a pellentesque risus. Ut ut ante nisl. Suspendisse vitae est posuere, tincidunt justo sed, ornare odio. + +Sed dignissim aliquam erat, vitae varius odio sodales vitae. Curabitur ut leo placerat, interdum dui non, egestas diam. In sagittis nisi orci, sit amet venenatis risus posuere sed. Duis hendrerit magna quis finibus pretium. Mauris dolor nulla, molestie quis velit sit amet, ultricies dignissim lectus. Nam felis urna, dapibus vel magna id, euismod mattis dui. Duis vitae cursus dolor, ut rutrum enim. Cras porttitor eu magna eget molestie. Sed vitae volutpat ex, in consequat arcu. + +Donec rutrum, ligula sit amet condimentum tristique, lorem lorem mattis lacus, ac venenatis enim augue ut sapien. Donec pretium sagittis nunc pharetra lacinia. Donec vel suscipit nisl, ut tincidunt enim. Sed mattis bibendum bibendum. Donec faucibus consequat nisi, eget vehicula lectus ullamcorper id. Suspendisse nec scelerisque tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer pharetra, lacus at congue interdum, sem turpis efficitur eros, ut dictum justo nibh congue magna. Phasellus non felis eget erat dictum

@@ -40,7 +53,7 @@