diff --git a/css/style.css b/css/style.css index 9bfc5cc..029bef1 100644 --- a/css/style.css +++ b/css/style.css @@ -89,5 +89,4 @@ body { .car-image img { width: 150px; -} - +} \ No newline at end of file diff --git a/css/style2.css b/css/style2.css new file mode 100644 index 0000000..9d31ff2 --- /dev/null +++ b/css/style2.css @@ -0,0 +1,96 @@ +body { + font-family: Arial, sans-serif; + background-color: #f8f8f8; + margin: 0; + padding: 0; +} + +.header { + background-color: #800040; + color: #ffffff; + padding: 20px; + text-align: center; + font-size: 2em; +} + +.nav { + display: flex; + justify-content: center; + background-color: #d40054; + padding: 10px; +} + +.nav img { + width: 50px; + height: 50px; + margin: 0 20px; + cursor: pointer; +} + +.main-content { + display: flex; + justify-content: center; + align-items: center; + padding: 40px; + background-color: #fff1f4; +} + +.form-container { + text-align: center; + padding: 20px; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + width: 300px; +} + +.form-container h2 { + color: #6b8e23; + font-size: 1.5em; +} + +.form-container label { + display: block; + margin: 10px 0 5px; + color: #333; +} + +.form-container input[type="text"] { + width: 100%; + padding: 8px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.form-container input[type="submit"] { + background-color: #800040; + color: white; + padding: 10px; + border: none; + border-radius: 4px; + cursor: pointer; + width: 100%; +} + +.footer { + background-color: #800040; + color: white; + text-align: center; + padding: 10px; + position: fixed; + bottom: 0; + width: 100%; +} + +.car-image { + margin-left: 30px; +} + +.car-image img { + width: 150px; +} + +.post { + text-align: center; +} \ No newline at end of file diff --git a/index.html b/index.html index 08b17e5..77bd6de 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ CaƂodobowa stacja paliw - +