-
Notifications
You must be signed in to change notification settings - Fork 6
/
doc1.html
134 lines (131 loc) · 6.62 KB
/
doc1.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Documentation</title>
<link rel="stylesheet" href="css/doc1.css">
<link rel="stylesheet" href="css/style.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>
<section class="section1">
<div id="cc-click" class="sec1-info">
<h5>Customize Credit Cards</h5>
<img id="cc-image" src="img/arrow-right.svg" alt="arrow-right">
</div>
<div class="dropdown-menu" id="cc-menu">
<p onclick="openOverview()">Overview</p>
<p onclick="openEditLib()">Edit Library</p>
<p onclick="openCustomize()">Customize</p>
</div>
<div id="ma-click" class="sec1-info">
<h5>Manage Account</h5>
<img id="ma-image" src="img/arrow-right.svg" alt="arrow-right">
</div>
<div class="dropdown-menu" id="ma-menu">
<p onclick="openOverview2()">Overview</p>
<p onclick="openCreateYA()">Create Your Account</p>
<p onclick="openShareCC()">Share your Credit Card Design</p>
</div>
</section>
<div class="part2">
<section class="section2" id="sec2-0">
<h4>Introduction to Credit Card Designs</h4>
<p>Gain access to a library of designs for easy usage. CC_Gen's products give you access to pre-built credit card designs for easy integration into your websites or apps</p><br><br>
<p>With unlimited access to designs, browse and dowwnload 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 show your favorite designs across the internet.</p>
</section>
<section class="section2" id="sec2-1">
<h4>The Edit Library</h4>
<p>You don't have to go through the hassle of designing credit cards for your websites and application, when you can gain access to a library of designs for easy usage and easy customization.</p><br><br>
<p>While the edit is there to make changes to your credit card designs, you can also download or embed your card designs</p>
</section>
<section class="section2" id="sec2-2">
<h4>Customize</h4>
<p>We have different varieties of templates to customize your credit. Get to customize your credit cards with just one tap.</p><br><br>
<ol>
<li>On the library page, use the search bar to look for the design you want to customize</li><br>
<li>Click on it from the results</li><br>
<li>To preview one, hover your mouse over it and click the design that appears.Select the design. You'll then be taken to the editor</li><br>
<li>Click on the change card details to enter your name and card number</li><br>
<li>Click on the change color button to change the credit card color</li><br>
<li>Your credit card is ready for download</li>
</ol>
</section>
<section class="section2" id="sec2-3">
<h4>How it Works</h4>
<p>Cc_Gen accounts are free and you can set yours up with a valid email address, if you already have an account, we'll log you in. If you don't have an account yet, we'll sign you up for free!</p><br><br>
<p>You have access to our library of beautifully designed credit cards, make changes but you won't be able to download or share your card designs without creating an account.</p>
</section>
<section class="section2" id="sec2-4">
<h4>Create An Account With Your Email Address</h4>
<p>Create and download card designs of your choice. Cc_Gen accounts are free and you can set yours up with a valid email address. If you already have an account, we'll log you in. If you don't have an account yet, we'll sign you up for free!</p><br>
<ol>
<li>From the signup page, enter your valid email address.</li><br>
<li>Set a secure pssword</li><br>
<li>Verify your email address by following the steps in the email we'll send you.</li><br>
<li>Enter the confirmation code from the email you received.</li><br>
</ol>
<p>You are all set! Log in anytime with that email and password combination</p><br>
<p>Forgot your password? You can reset it anytime</p><br>
</section>
<section class="section2" id="sec2-5">
<h4>Share your Credit Card Design</h4>
<p>We know how important your credit cards are to you, that is why we include the social sharing options. We want you to be able to share your creations to your friends and families.</p><br><br>
<h3>Share your Card In 3 Simple Steps</h3><br>
<p>The Cc_Gen Social Sharing Buttons is perfect for use across all social media platforms. With just a tap, you can share, copy and paste the link.</p><br>
<ol>
<li>Click on the share button under your credit card design</li>
<li>Click on your preferred social media platform</li>
<li>Add your captions and hit post</li>
</ol>
</section>
<section class="section3">
<div class="sec3-info">
<p>Was this page helpful?.</p>
<div>
<button>
<i class="fa-solid fa-thumbs-up"></i>
Yes
</button>
<button>
<i class="fa-solid fa-thumbs-down"></i>
No
</button>
</div>
</div>
<div class="download-info">
<p>Ready to download your credit card designs?</p>
<a class="button" href="signup.html"><button>Sign Up</button></a>
</div>
<p style="border-top: 0.5px solid var(--sec2-col)">Questions? <span>Contact us</span></p>
</section>
</div>
</main>
<script src="script/doc.js"></script>
<script src="script/main.js"></script>
</body>
</html>