Add files via upload

Bongodev · web-flow · commit 1169b2070e31 · 2022-02-25T00:09:33.000+06:00
Add portfolio codes
diff --git a/portfolio/images/hero.png b/portfolio/images/hero.png
diff --git a/portfolio/index.html b/portfolio/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>Nure | Home</title>
+</head>
+<body>
+    <header class="header">
+        <img src="./images/logo.png" alt="logo">
+    </header>
+
+    <main class="main-container">
+        <section class="hero">
+            <h1>Travelling and coding makes me happy</h1>
+        </section>
+
+        <section class="about-me">
+            <h2>About Me</h2>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat voluptatum aliquam ea facilis nulla provident iusto dignissimos, quos nihil, assumenda perspiciatis quibusdam officia atque, fugiat molestias voluptatem esse alias similique. Magni cupiditate nulla et, fuga porro inventore, sequi ducimus fugit voluptas obcaecati veniam aliquid commodi? Facilis aperiam explicabo ipsam voluptatum sapiente tempore esse culpa soluta assumenda quasi! Consequatur quis itaque vero dolorum consectetur officiis optio molestiae, quo asperiores. Sint suscipit tempora voluptate in! Provident, pariatur perspiciatis dolorem est dolores molestias obcaecati? Voluptatum eum fugit fugiat vitae eligendi officiis, cumque, placeat consequuntur ipsa, ducimus nostrum provident adipisci facilis corporis sed error?</p>
+        </section>
+
+        <section class="tech-stack">
+            <h2>Tech Stack</h2>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, illum. Exercitationem possimus tenetur consequatur sequi, praesentium fugit magni temporibus expedita atque voluptatibus nisi incidunt quis esse enim, neque rem! Tenetur, eos asperiores? Beatae ex, nemo incidunt assumenda architecto rem modi dolorem ea sapiente quaerat, consequuntur inventore ut non quisquam quam quasi magnam. Repellendus quo totam temporibus sunt eveniet iure maiores hic cumque laborum ducimus, libero, esse similique vel excepturi. Architecto voluptatem, dicta hic perferendis officia, ullam, id ipsum excepturi qui dolorem aut accusamus repudiandae illum at magni sapiente quia rerum? Iste deleniti beatae quo nemo voluptatem magni odio exercitationem ad.</p>
+        </section>
+    </main>
+
+    <footer class="footer">
+        &copy; bongodev
+    </footer>
+    
+</body>
+</html>
diff --git a/portfolio/style.css b/portfolio/style.css
@@ -0,0 +1,54 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: sans-serif;
+}
+
+.header {
+    height: 75px;
+    width: 100%;
+    background: #333;
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+
+img {
+    height: 100%;
+    padding: 10px;
+}
+
+.main-container {
+    margin-top: 75px;
+    padding: 0 10px;
+}
+
+.hero {
+    background-image: url('./images/hero.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 600px;
+    text-align: center;
+    padding-top: 300px;
+    color: white;
+    font-size: 30px;
+}
+
+.about-me, .tech-stack {
+    margin-top: 50px;
+}
+
+h2 {
+    color: #D57617
+}
+
+.footer {
+    text-align: center;
+    background: #555;
+    padding: 15px;
+    color: #D57617;
+}
