-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
154 lines (151 loc) · 5.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
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>