Add first html files

2021-05-24 14:38:13 +01:00
parent 90994ea294
commit af228dfc91
2 changed files with 301 additions and 0 deletions
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<head><!-- ...................................................................................................................... Head -->
+
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+	<title>Tben Design</title>
+    <meta name="description" content="Web/Graphic/Motion Designer, UI UX Designer, Frontend Web Developer">
+    <link rel="shortcut icon" type="image/x-icon" href="/images-dw/favicon.ico">
+    <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800|Satisfy|Niconne|Rancho" rel="stylesheet">
+    <link rel="stylesheet" href="main.css">
+
+</head>
+    
+    
+
+<body><!-- ...................................................................................................................... Body -->
+    
+    <header>
+        <a class="nav-link-block"><span style="font-family:'Satisfy'">Tben</span>design</a>
+        <nav style="float:right;">
+            <ul>
+                <li class="navlink-li"><a href="#" class="navlink">About Me</a></li>
+                <li class="navlink-li"><a href="#" class="navlink">My Work</a></li>
+                <li class="navlink-li"><a href="#" class="navlink">Experience &amp; Certifications</a></li>
+                <li class="navlink-li"><button class="nav-cta-button">Let's Talk</button></li>
+            </ul>
+        </nav>
+    </header>
+    
+    <section class="hero-section">
+        <div class="container-1200px">
+            <div class="column-50">
+                <h1>Hi. I'm <span class="my-name">Benjamin Toby</span>&nbsp;.<br>And I design great stuff.</h1>
+                <h2 class="hero-subtext">
+                    <a href="#" class="hero-content-link">UI UX Design</a>,
+                    <a href="#" class="hero-content-link">Web Design</a>,
+                    <a href="#" class="hero-content-link">Frontend Web Develpment</a>,
+                    <a href="#" class="hero-content-link">Graphic and Motion Design</a>.
+                </h2>
+                <p></p>
+            </div>
+        </div>
+    </section>
+    
+</body>
+
+
+</html>