first commit

080Aasim · Jan 21, 2024 · 1600efc · 1600efc
commit 1600efc
Show file tree

Hide file tree

Showing 3 changed files with 958 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Simple Landing Page using TailwindCss</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <main class="w-full h-full flex ">
+        <div class=" w-2/4 h-screen  relative">
+            <div class=" w-2/3 h-2/3 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+                <h2 class="uppercase text-4xl font-medium font-serif">hi there <i class="font-bold">!</i></h2>
+                <h1 class="uppercase my-2 text-7xl whitespace-nowrap font-bold">i'm benjamin</h1>
+                <h3 class="my-2 uppercase font-bold bg-yellow-500 px-2 inline-block">graphic designer / photographer</h3>
+                <p class="py-2 font-mono ">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus, suscipit?
+                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus, suscipit?
+                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus, suscipit?
+                </p>
+                <button class="font-mono uppercase bg-yellow-300 border-black rounded-3xl p-3 text-sm text-center my-2 font-bold tracking-widest" >
+                    more about me 
+                </button>
+            </div>
+        </div>
+        <div class="w-2/4 h-screen bg-gray-400">
+            <img src="https://images.unsplash.com/photo-1534773014549-8323879d5600?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="" class="w-full h-full object-cover">
+        </div>
+    </main>
+</body>
+</html>
diff --git a/readme.txt b/readme.txt
@@ -0,0 +1 @@
+Create a landing page using TailwindCss