-
Notifications
You must be signed in to change notification settings - Fork 6
/
document.html
102 lines (99 loc) · 3.18 KB
/
document.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/document.css">
<script src="https://kit.fontawesome.com/e774815158.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<nav>
<div>
<a href="document.html">
<span class="top-logo">Cc_Gen</span><br><span class="bottom-logo">Docs</span>
</a>
</div>
<div onclick="openSideNav()">
<img class="hmbg" src="img/menu.svg" alt="menu">
</div>
<div class="search">
<i class="fa-solid fa-magnifying-glass"></i>
<input type="text" placeholder="Search">
</div>
<ul class="header-menu" id="mySideNav">
<li class="close-click" onclick="closeSideNav()" style="font-size: 4rem">×</li>
<li><a href="document.html">Documentation</a></li>
<li><a href="login.html">Login</a></li>
<li class="header-button"><a href="signup.html">Get started for FREE</a></li>
</ul>
</nav>
</header>
<main>
<div class="section1 heavy-weight">
<div class="doc-info">
<h2>Documentation</h2>
<p>Access to unlimited credit card designs, customize and integrate into your websites or app.</p>
</div>
<img class="lady-img" src="img/lady.svg" alt="lady">
</div>
<div class="section2">
<h2 class="heavy-weight">Do it All With CC_Gen</h2>
<div class="sec2-info">
<div class="design">
<img src="img/design.svg" alt="design">
<h3>Design</h3>
<p>Access to a library of beautifully designed credit cards and enjoy free access at no cost.</p>
</div>
<div class="design">
<img src="img/customize.svg" alt="customize">
<h3>Customize</h3>
<p>Easily edit the credit card designs to get your work done faster and smarter.</p>
</div>
<div class="design">
<img src="img/integrate.svg" alt="integrate">
<h3>Integrate</h3>
<p>Access to pre-build credit card designs for easy integration into your websites or apps.</p>
</div>
</div>
<a href="doc1.html">
<button>Get started ></button>
</a>
</div>
</main>
<footer>
<div class="footer">
<div class="footer-first">
<a href="document.html">
<span class="top-logo">Cc_Gen</span><br><span class="bottom-logo">Docs</span>
</a>
</div>
<div class="footer-second">
<h4>Customize Credit Cards</h4>
<ul>
<li>Overview</li>
<li>Edit library</li>
<li>Customize your credit cards</li>
</ul>
</div>
<div class="footer-third">
<h4>Manage Account</h4>
<ul>
<li>Overview</li>
<li>Create your account</li>
<li>Share your card designs</li>
</ul>
</div>
<div class="footer-fourth">
<h4>Support</h4>
<ul>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
</footer>
<script src="script/doc.js"></script>
</body>
</html>