Add files via upload

gauravgorane · Jun 6, 2024 · b99604d · b99604d
1 parent d40a04c
commit b99604d
Show file tree

Hide file tree

Showing 19 changed files with 590 additions and 0 deletions.
diff --git a/clipboard_landing_page/images/bg-header-desktop.png b/clipboard_landing_page/images/bg-header-desktop.png
diff --git a/clipboard_landing_page/images/bg-header-mobile.png b/clipboard_landing_page/images/bg-header-mobile.png
diff --git a/clipboard_landing_page/images/favicon-32x32.png b/clipboard_landing_page/images/favicon-32x32.png
diff --git a/clipboard_landing_page/images/icon-blacklist.svg b/clipboard_landing_page/images/icon-blacklist.svg
diff --git a/clipboard_landing_page/images/icon-facebook.svg b/clipboard_landing_page/images/icon-facebook.svg
diff --git a/clipboard_landing_page/images/icon-instagram.svg b/clipboard_landing_page/images/icon-instagram.svg
diff --git a/clipboard_landing_page/images/icon-preview.svg b/clipboard_landing_page/images/icon-preview.svg
diff --git a/clipboard_landing_page/images/icon-text.svg b/clipboard_landing_page/images/icon-text.svg
diff --git a/clipboard_landing_page/images/icon-twitter.svg b/clipboard_landing_page/images/icon-twitter.svg
diff --git a/clipboard_landing_page/images/image-computer.png b/clipboard_landing_page/images/image-computer.png
diff --git a/clipboard_landing_page/images/image-devices.png b/clipboard_landing_page/images/image-devices.png
diff --git a/clipboard_landing_page/images/logo-google.png b/clipboard_landing_page/images/logo-google.png
diff --git a/clipboard_landing_page/images/logo-hp.png b/clipboard_landing_page/images/logo-hp.png
diff --git a/clipboard_landing_page/images/logo-ibm.png b/clipboard_landing_page/images/logo-ibm.png
diff --git a/clipboard_landing_page/images/logo-microsoft.png b/clipboard_landing_page/images/logo-microsoft.png
diff --git a/clipboard_landing_page/images/logo-vector-graphics.png b/clipboard_landing_page/images/logo-vector-graphics.png
diff --git a/clipboard_landing_page/images/logo.svg b/clipboard_landing_page/images/logo.svg
diff --git a/clipboard_landing_page/index.html b/clipboard_landing_page/index.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+  <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
+  <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
+  <title>Frontend Mentor | Clipboard landing page</title>
+
+</head>
+
+<body>
+
+  <div class="container">
+
+    <header>
+      <img src="./images/logo.svg" class="header-logo" alt="Logo">
+      <h1>A history of everything you copy</h1>
+      <p>Clipboard allows you to track and organize everything you copy. Instantly access your clipboard on all your
+        devices.</p>
+
+      <div class="btn-group">
+        <a href="#" class="btn primary-btn">Download for iOS</a>
+        <a href="#" class="btn secondary-btn">Download for Mac</a>
+      </div>
+    </header>
+
+    <main>
+
+      <section class="about">
+
+        <h2>Keep track of your snippets</h2>
+        <p>Clipboard instantly stores any item you copy in the cloud, meaning you can access your snippets immediately
+          on all your devices. Our Mac and iOS apps will help you organize everything.</p>
+
+        <div class="about-inner">
+
+          <div class="img-box">
+            <img src="./images/image-computer.png" alt="Computer">
+          </div>
+
+          <div class="card-group">
+
+            <div class="card">
+              <h3>Quick Search</h3>
+              <p>Easily search your snippets by content, category, web address, application, and more.</p>
+            </div>
+
+            <div class="card">
+              <h3>iCloud Sync</h3>
+              <p>Instantly saves and syncs snippets across all your devices.</p>
+            </div>
+
+            <div class="card">
+              <h3>Complete History</h3>
+              <p>Retrieve any snippets from the first moment you started using the app.</p>
+            </div>
+
+          </div>
+        </div>
+      </section>
+
+      <section class="access">
+
+        <h2>Access Clipboard anywhere</h2>
+        <p>Whether you're on the go, or at your computer, you can access all your Clipboard snippets in a few simple
+          clicks.</p>
+        <img src="./images/image-devices.png" alt="Device">
+
+      </section>
+
+      <section class="features">
+
+        <h2>Supercharge your workflow</h2>
+        <p>We've got the tools to boost your productivity.</p>
+
+        <div class="card-group">
+
+          <div class="card">
+            <div class="card-head">
+              <img src="./images/icon-blacklist.svg" alt="Blacklists">
+            </div>
+
+            <div class="card-body">
+              <h3>Create blacklists</h3>
+              <p>Ensure sensitive information never makes its way to your clipboard by excluding certain sources.</p>
+            </div>
+          </div>
+
+          <div class="card">
+            <div class="card-head">
+              <img src="./images/icon-text.svg" alt="Text">
+            </div>
+
+            <div class="card-body">
+              <h3>Plain text snippets</h3>
+              <p>Remove unwanted formatting from copied text for a consistent look.</p>
+            </div>
+          </div>
+
+          <div class="card">
+            <div class="card-head">
+              <img src="./images/icon-preview.svg" alt="Preview">
+            </div>
+
+            <div class="card-body">
+              <h3>Sneak preview</h3>
+              <p>Quick preview of all snippets on your Clipboard for easy access.</p>
+            </div>
+          </div>
+
+        </div>
+      </section>
+
+      <section class="clients">
+
+        <img src="./images/logo-google.png" alt="Google">
+        <img src="./images/logo-ibm.png" alt="IBM">
+        <img src="./images/logo-microsoft.png" alt="Microsoft">
+        <img src="./images/logo-hp.png" alt="HP">
+        <img src="./images/logo-vector-graphics.png" alt="Vector Graphics">
+
+      </section>
+
+      <section class="download">
+
+        <h2>Clipboard for iOS and Mac OS</h2>
+        <p>Available for free on the App Store. Download for Mac or iOS, sync with iCloud and you're ready to start
+          adding to your clipboard.</p>
+
+        <div class="btn-group">
+          <a href="#" class="btn primary-btn">Download for iOS</a>
+          <a href="#" class="btn secondary-btn">Download for Mac</a>
+        </div>
+
+      </section>
+
+    </main>
+
+    <footer>
+
+      <img src="./images/logo.svg" class="footer-logo" alt="Logo">
+
+      <div class="links">
+        <a href="#">FAQs</a>
+        <a href="#">Contact Us</a>
+        <a href="#">Privacy Policy</a>
+        <a href="#">Press Kit</a>
+        <a href="#">Install Guide</a>
+      </div>
+
+      <div class="social-links">
+        <a href="#"><i class='bx bxl-facebook-square'></i></a>
+        <a href="#"><i class='bx bxl-twitter'></i></a>
+        <a href="#"><i class='bx bxl-instagram'></i></a>
+      </div>
+
+    </footer>
+
+  </div>
+
+</body>
+
+</html>