-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdocumentation.html
149 lines (124 loc) · 6.82 KB
/
documentation.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculators Web Tool - Doc</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- CSS -->
<link href="styles.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light custom-navbar">
<div class="container bg-light">
<div class="navbar-brand">
<i class="fas fa-calculator"></i>
<span class="divider">/</span>
<a href="/index.html">Calculators Web Tool</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Calculators <i class="fa-solid fa-angle-down"></i>
</a>
<ul class="dropdown-menu bg-light" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/Cientifica/Cientifica.html">Scientific</a></li>
<li><a class="dropdown-item" href="/Programador/Programador.html">Programmer</a></li>
<li><a class="dropdown-item" href="/Financiera/Financiera.html">Financial</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation.html">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/404.html">FAQ</a>
</li>
<li class="nav-item d-lg-none">
<button class="btn btn-contact btn-block"><a href="/404.html">Contact</a></button>
</li>
</ul>
</div>
<button class="btn btn-contact d-none d-lg-block"><a href="/404.html">Contact</a></button>
</div>
</nav>
<section>
<div class="container mt-5 mb-5 header-doc">
<h1>Calculators Documentation</h1>
<p>Learn how to integrate and use the calculators in your projects.</p>
</div>
</section>
<section id="integration-steps">
<div class="container integration-container mt-4">
<div class="list-wrap">
<div class="list">
<div>Download the ZIP folder containing all calculator projects,</div>
<div>Extract the contents of the ZIP folder.</div>
<div>Link the HTML files of the calculators in your project using the appropriate <code><script></code> tags.</div>
<div>Ensure that the JavaScript files are correctly linked and accessible.</div>
<div>Use the calculators by opening the linked HTML files in a web browser or by embedding them directly into your project.</div>
</div>
</div>
<div class="buttons-doc">
<a href="/calculators-webtool.zip" download><button><i class="fa-solid fa-cloud-arrow-down"></i> Download ZIP</button></a>
<a href="https://github.com/mariart-dev/calculators-webtool" target="_blank"><button><i class="fa-brands fa-github"></i> GitHub Repository</button></a>
</div>
</div>
</section>
<section class="newsletter-section">
<div class="container newsletter-container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="newsletter-content">
<h2>Subscribe to our newsletter</h2>
<p>Receive the latest updates and new tools directly in your inbox.</p>
</div>
</div>
<div class="col-lg-6">
<div class="newsletter-form">
<form action="#" method="post" class="d-flex align-items-center">
<div class="input-group flex-grow-1">
<input type="email" class="form-control form-control-lg" id="email" placeholder="Enter your email address" required>
<button type="submit" class="btn-suscribe btn-lg">
Subscribe
<i class="fa-solid fa-angle-right arrow-icon"></i>
<i class="fa-solid fa-arrow-right arrow-hover"></i>
</button>
</div>
</form>
<div class="form-check mt-2">
<input class="form-check-input" type="checkbox" value="" id="confirmation">
<label class="form-check-label" for="confirmation">
I accept the use of my data to receive the newsletter.
</label>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row mt-2">
<div class="col-lg-12">
<div class="footer-content">
<p class="footer-text">Developed by: Maria Rodriguez. © 2024</p>
<ul class="social-icons">
<li><a href="https://github.com/mariart-dev/calculators-webtool" target="_blank"><i class="fa-brands fa-github"></i></a></li>
<li><a href="https://mariarodriguez-dev.web.app/" target="_blank"><i class="fa-solid fa-globe"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</html>