feat: solved 1st stage of the Hyperskill project "Amazing Prices"

sswietoniowski · sswietoniowski · commit 5d4650dfd6d0 · 2024-02-15T08:34:52.000+01:00
diff --git a/hyperskill/12_amazing_prices/01/.gitkeep b/hyperskill/12_amazing_prices/01/.gitkeep
diff --git a/hyperskill/12_amazing_prices/01/index.html b/hyperskill/12_amazing_prices/01/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Amazing Prices</title>
+    <link rel="stylesheet" href="site.css">
+</head>
+<body>
+
+</body>
+<header>
+    <a href="index.html" id="nav-brand">Amazing Product</a>
+    <nav>
+        <a href="features.html" id="nav-features">Features</a>
+        <a href="enterprise.html" id="nav-products">Enterprise</a>
+        <a href="support.html" id="nav-support">Support</a>
+        <a href="pricing.html" id="nav-pricing">Pricing</a>
+    </nav>
+</header>
+<main>
+</main>
+<footer>
+    <a href="index.html" id="footer-brand">Amazing Product</a>
+    <a href="features.html" id="footer-features">Features</a>
+    <a href="enterprise.html" id="footer-enterprise">Enterprise</a>
+    <a href="pricing.html" id="footer-pricing">Pricing</a>
+    <a href="support.html" id="footer-support">Support</a>
+</footer>
+</html>
diff --git a/hyperskill/12_amazing_prices/01/site.css b/hyperskill/12_amazing_prices/01/site.css
@@ -0,0 +1,68 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    background-color: #FFFFFF;
+    width: 1024px;
+    height: 768px;
+    margin: auto;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+header {
+    color: #274867;
+    background-color: #FFFFFF;
+    width: 100%;
+    height: 61px;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    display-model: row;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #017CFF;
+}
+
+header a, footer a{
+    font-size: 18px;
+    color: #274867;
+    margin: 0 20px;
+}
+
+#nav-brand, #footer-brand {
+    font-weight: bold;
+}
+
+header nav ul {
+    display: flex;
+    display-model: row;
+    justify-items: flex-end;
+    align-items: center;
+    list-style: none;
+    margin-right: 20px;
+}
+
+main {
+    width: 100%;
+    height: 100%;
+    background: #E5F2FF;
+}
+
+footer {
+    color: #274867;
+    background-color: #FFFFFF;
+    width: 100%;
+    height: 61px;
+    display: flex;
+    display-model: row;
+    justify-content: space-between;
+    align-items: center;
+    border-top: 1px solid #017CFF;
+}
