Initial commit with existing project files

2025-03-15 15:28:59 +01:00
parent dcc97d46b6
commit 4fccb4eebd
27 changed files with 541 additions and 1 deletions
--- a/custom.css
+++ b/custom.css
@@ -0,0 +1,129 @@
+:root {
+    --yellow-primary: rgb(255, 200, 43);
+}
+
+a {
+    text-decoration: none;
+}
+
+header {
+    background-image: url(assets/img/header-bg.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-color: burlywood;
+    text-align: center;
+    color: #FFF;
+
+    #logo {
+        color: var(--yellow-primary);
+    }
+
+    nav {
+        text-transform: uppercase;
+        padding-top: 15px;
+
+        ul {
+            list-style-type: none;
+
+            li a {
+                color: rgba(255, 255, 255, 0.8);
+                transition: color .2s;
+                margin: 0 15px;
+
+                &:hover {
+                    color: var(--yellow-primary);
+                }
+            }
+        }
+    }
+
+    .header-baseline {
+        padding-block: 100px;
+
+        p:first-of-type {
+            font-style: italic;
+            font-size: 1.5rem;
+        }
+
+        p:last-of-type {
+            text-transform: uppercase;
+            font-size: 2.5rem;
+            font-weight: 700;
+        }
+
+        button {
+            background-color: var(--yellow-primary);
+            color: #FFF;
+            border: none;
+            border-radius: 3px;
+            box-shadow: none;
+            padding: 10px 25px;
+            text-transform: uppercase;
+            font-weight: 700;
+        }
+    }
+}
+
+section {
+    text-align: center;
+
+    .section-title, .card-title {
+        text-transform: uppercase;
+        font-weight: 700;
+        margin-top: 50px;
+    }
+
+    .section-description, .card-description {
+        font-weight: 300;
+        color: rgba(0, 0, 0, .7);
+    }
+
+    .card-title {
+        text-transform: capitalize;
+        margin-top: 15px;
+    }
+
+    .card-description {
+        line-height: 1.5;
+        margin-top: 15px;
+    }
+
+    i {
+        background-color: var(--yellow-primary);
+        color: #FFF;
+        border-radius: 50%;
+        padding: 25px;
+        font-size: 2rem;
+        margin-top: 25px;
+    }
+}
+
+#section-portfolio {
+    background-color: rgba(0, 0, 0, 0.1);
+
+    .portfolio-card {
+        background-color: #FFF;
+        padding: 0;
+        margin: 15px;
+    }
+}
+
+#section-about {
+
+    .about-card {
+
+    }
+
+    .about-img {
+        border-radius: 50%;
+    }
+
+    .about-img-right {
+        float: right;
+    }
+
+    .about-img-left {
+        float: left;
+    }
+}