diff --git a/index.html b/index.html index 8094496..52e7778 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,33 @@ Пидис страничка + - -
+ + +
+ +
+ + + +

Welcome to my website

+ + + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

+

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+ + + -
- \ No newline at end of file + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e682534 --- /dev/null +++ b/style.css @@ -0,0 +1,128 @@ +/* Header */ + +.header { + + background-color: #d6ab00; + + padding: 1rem; + + display: flex; + + justify-content: space-between; + + align-items: center; + + /* position: fixed; */ + + top: 0; + + left: 0; + + right: 0; + + z-index: 999; + + } + + + + .nav { + + list-style-type: none; + + margin: 0; + + padding: 0; + + overflow: hidden; + + background-color: transparent; + + } + + + + .nav li { + + float: left; + + } + + + + .nav a { + + color: white; + + text-align: center; + + padding: 14px 16px; + + text-decoration: none; + + transition: all 0.3s ease 0s; + + } + + + + .nav a:hover { + + color: black; + + font-weight: bold; + + } + + + + /* Title */ + + h1 { + + text-align: center; + + font-size: xx-large; + + font-family: Arial, sans-serif; + + } + + + + /* Main Text */ + + .container { + + max-width: 80%; + + margin: auto; + + padding: 2rem; + + line-height: 1.5; + + font-size: medium; + + } + + + + /* Footer */ + + footer { + + background-color: #3e3e3e; + + color: white; + + text-align: center; + + padding: 1rem; + + position: absolute; + + bottom: 0; + + width: 100%; +}