-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #26 from iamjacobjoshua/main
The root index
- Loading branch information
Showing
1 changed file
with
154 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,154 @@ | ||
| <!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="css/style.css" /> | ||
| <link rel="stylesheet" href="css/index.css" /> | ||
| <title>Team_126</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <nav> | ||
| <div class="logo"> | ||
| <a href="index.html"> | ||
| <span class="proj">Project<br /><span class="gen">cc_gen</span></span> | ||
| </a> | ||
| </div> | ||
| <span id="open-menu" >☰</span> | ||
| <span id="close-menu" class="hidden">✖</span> | ||
| <ul class="menu-list"> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="library.html">Library</a></li> | ||
| <li><a href="document.html">Docs</a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="login.html">Login</a></li> | ||
| <li id="bg-li"><a href="signup.html">Get started for FREE</a></li> | ||
| </ul> | ||
| </nav> | ||
| <div class="mobile-menu"> | ||
| <ul class="mob-menu-list"> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="library.html">Library</a></li> | ||
| <li><a href="document.html">Docs</a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="login.html">Login</a></li> | ||
| <li id="bg-li"><a href="signup.html">Get started</a></li> | ||
| </ul> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| <div class="hero"> | ||
| <section id="sect-one"> | ||
| <div> | ||
| <h1> | ||
| Customizable credit cards for | ||
| <span id="ox-col-txt">Virtual payments across the Internet</span> | ||
| </h1> | ||
| <p> | ||
| Access varieties of credit card designs at the tip of your finger | ||
| for virtual payments and integrations. | ||
| </p> | ||
| <button>Start Now</button> | ||
| </div> | ||
| <img src="img/card.svg" alt="credit card design" class="hero-img" /> | ||
| </section> | ||
| </div> | ||
|
|
||
| <div class="page-content"> | ||
| <section id="sect-two"> | ||
| <div> | ||
| <h2>Work Faster and Smarter</h2> | ||
| <p> | ||
| Why go through the hassle of designing credit cards for your | ||
| websites and applications, when you can gain access to a library | ||
| of designs for easy usage? <br /> | ||
| CC Gen's products give you access to pre-built credit card designs | ||
| for easy integration into your websites or apps. | ||
| </p> | ||
| <button>Start Now</button> | ||
| </div> | ||
| <img src="img/card-select.svg" alt="illustration" class="svg-img" /> | ||
| </section> | ||
| </div> | ||
|
|
||
| <div class="page-content sect-three"> | ||
| <section id="sect-three"> | ||
| <div> | ||
| <h2>Your Benefits</h2> | ||
| <p> | ||
| With unlimited access to designs, browse and download the very | ||
| best credit cards for virtual payments across the internet. Get to | ||
| customize your credit cards with just one tap and save your | ||
| designs to download later. Also get to share your favourite | ||
| designs across the internet. | ||
| </p> | ||
| </div> | ||
| <img src="img/Wallet.png" alt="illustration" class="home-img" /> | ||
| </section> | ||
| </div> | ||
|
|
||
| <div class="page-content"> | ||
| <section id="sect-four"> | ||
| <div> | ||
| <h2>Why Us?</h2> | ||
| <p> | ||
| Beyond designs, we create an experience. With a library of unique | ||
| credit card designs, you can explore and customize designs to | ||
| suite your colour preferences. With Project cc_gen, you enjoy free | ||
| access to designs and card code samples as a registered user at no | ||
| cost. | ||
| </p> | ||
| </div> | ||
| <img src="img/ACS.png" alt="illustration" class="home-img" /> | ||
| </section> | ||
| </div> | ||
| </main> | ||
| <footer> | ||
| <div class="top-footer"> | ||
| <article id="sect-five"> | ||
| <div class="sf-about"> | ||
| <h2>Project cc_gen</h2> | ||
| <p> | ||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt | ||
| duis facilisis co nvallis magna elementum nibh. Eu mi mi eu neque | ||
| tortor fermentum. Aliquam ac nibh cons | ||
| </p> | ||
| </div> | ||
| <div> | ||
| <a href="" | ||
| ><img src="img/tweet.svg" alt="socials" class="icon" | ||
| /></a> | ||
| <a href=""><img src="img/fb.svg" alt="socials" class="icon" /></a> | ||
| <a href="" | ||
| ><img src="img/insta.svg" alt="socials" class="icon" | ||
| /></a> | ||
| </div> | ||
| </article> | ||
| <article id="sect-six"> | ||
| <div> | ||
| <h3>Links</h3> | ||
| <ul class="foot-list"> | ||
| <li><a href="library.html">Designs</a></li> | ||
| <li><a href="document.html">Docs</a></li> | ||
| <li><a href="contact.html">Support</a></li> | ||
| <li><a href="signup.html">Get Started</a></li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <h3>Others</h3> | ||
| <ul class="foot-list"> | ||
| <li><a href="about.html">About Us</a></li> | ||
| <li><a href="">Terms & Conditions</a></li> | ||
| </ul> | ||
| </div> | ||
| </article> | ||
| </div> | ||
| <div> | ||
| <span class="footer-CR">©2022 Project cc_gen. All rights reserved</span> | ||
| </div> | ||
| </footer> | ||
| <script src="script/main.js"></script> | ||
| </body> | ||
| </html> |