add cta

solygambas · solygambas · commit db1f70dfb718 · 2021-08-01T16:42:20.000+02:00
diff --git a/ebook-landing-page/index.html b/ebook-landing-page/index.html
@@ -10,12 +10,53 @@
       integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
       crossorigin="anonymous"
     />
+    <style>
+      section {
+        padding: 60px 0;
+      }
+    </style>
     <title>Net Ninja Pro - the Book</title>
   </head>
   <body>
-    <h1>Net Ninja Pro - the Book</h1>
-    <!-- https://i.ibb.co/z5bBS9w/ebook-cover.png
-https://i.ibb.co/59bPR5W/kindle.png -->
+    <!-- navbar -->
+
+    <!-- main image & intro text -->
+    <section id="intro">
+      <div class="container-lg">
+        <div class="row g-4 justify-content-center align-items-center">
+          <div class="col-md-5 text-center text-md-start">
+            <h1>
+              <div class="display-2">Black-Belt</div>
+              <div class="display-5 text-muted">Your Coding Skills</div>
+            </h1>
+            <p class="lead my-4 text-muted">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+              Laboriosam, dignissimos?
+            </p>
+            <a href="#pricing" class="btn btn-secondary btn-lg">Buy Now</a>
+          </div>
+          <div class="col-md-5 text-center d-none d-md-block">
+            <img
+              src="https://i.ibb.co/z5bBS9w/ebook-cover.png"
+              alt="ebook cover"
+              class="img-fluid"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- pricing plans -->
+
+    <!-- topics at a glance -->
+
+    <!-- reviews list -->
+
+    <!-- contact form -->
+
+    <!-- get updates / modal trigger -->
+    <!-- https://i.ibb.co/59bPR5W/kindle.png -->
+
     <script
       src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
       integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
