-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
336 lines (322 loc) · 19 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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
rel="stylesheet">
<link type="image/png" sizes="96x96" rel="icon" href="icons8-trading-96.png">
<title>Trading Website</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #e3f2fd;">
<div class="container-fluid">
<a class="navbar-brand" href="#" style="color: #FF0800;">Trading .Inc</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" style="color: #007FFF;" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" style="color: #007FFF;" href="#" id="navbarDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Services
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink" style="color: #007FFF;">
<li><a class="dropdown-item" href="#service" style=" color: #007FFF; ">Scaling</a></li>
<li><a class="dropdown-item" href="#service" style="color: #007FFF; ">Statics</a></li>
<li><a class="dropdown-item" href="#service" style="color: #007FFF; ">Signals</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutus" style="color: #007FFF;">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactus" style="color: #007FFF;">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Home Page -->
<section class="container" id="home">
<div class="center">
<h2 style="color: #FF0800;">Unlock Your Financial Freedom: <span> Master the Art of Trading Today!</span></h2>
<p class="text-white">
Are you ready to take control of your financial future? Discover the exhilarating world of trading, where
knowledge and strategy can lead to substantial rewards. Whether you're a novice eager to learn or a
seasoned
investor looking to refine your skills, our comprehensive resources will guide you every step of the
way.
From mastering market trends to developing a robust trading plan, equip yourself with the tools to
navigate
the financial landscape confidently. Don't just watch the markets—become a part of them! Start your
journey
towards financial empowerment now.
</p>
</div>
</section>
<!-- Services -->
<section class="container-2" id="service">
<div class="h1">
<h2 style="color: #FF0800;">Our <span>Services</span></h2>
</div>
<div class="center">
<!-- Carousel -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="scaling.png" alt="Scaling" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3 style="color: #FF0800;">Elevate Your Trading Game: <span>Discover the Power of Trading Scales</span></h3>
<p>
In the fast-paced world of trading, precision and strategy are key to success. Trading
scales serve as a crucial tool, allowing you to assess market conditions, evaluate
risks, and make informed decisions. By leveraging advanced analytics and real-time data,
these scales help you identify profitable opportunities and streamline your trading
process. Whether you're a seasoned investor or just starting out, mastering the use of
trading scales can give you a competitive edge, helping you navigate the complexities of
the market with confidence. Unlock your potential and take your trading to new heights!
</p>
</div>
</div>
<div class="carousel-item">
<img src="signal.jpg" alt="Signals" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3 style="color: #FF0800;">Unlocking Profitable Opportunities: <span>The Power of Trading Signals</span></h3>
<p>
In the dynamic landscape of trading, recognizing profitable opportunities is essential
for success. Trading signals serve as your navigational guide, providing timely insights
that reveal market trends and potential entry and exit points. By harnessing
sophisticated analytics and real-time data, these signals empower traders to make
informed decisions, mitigate risks, and maximize returns. Whether you're an experienced
trader or a newcomer, integrating effective trading signals into your approach can
elevate your strategy and enhance your financial outcomes. Explore the potential of
trading signals and take your trading game to the next level!
</p>
</div>
</div>
<div class="carousel-item">
<img src="statics.jpg" alt="Statics" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3 style="color: #FF0800;">Unleashing the Power of Trading Statistics: <span>A Path to Informed Decision-Making</span></h3>
<p>
In the realm of trading, statistics are your best friend, providing the backbone for
sound decision-making. By analyzing historical data, market trends, and trading
patterns, traders can identify potential opportunities and risks. Key metrics such as
win rates, risk-reward ratios, and volatility measures help paint a clearer picture of
market behavior. Leveraging these statistics enables traders to refine their strategies,
optimize their trades, and ultimately enhance their profitability. Whether you’re a
seasoned pro or just starting your trading journey, understanding and utilizing trading
statistics can significantly improve your chances of success. Dive into the world of
data-driven trading and unlock your potential today!
</p>
</div>
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
</section>
<!-- About Us -->
<section class="container-3" id="aboutus">
<div class="h1">
<h2 style="color: #FF0800;">About <span>Us</span></h2>
</div>
<div class="inner">
<div class="card" style="width:400px">
<div class="card-body">
<h4 class="h1" style="color: #FF0800;">History</h4>
<p class="card-text">
<b>1. Early Barter Systems:</b> Began with direct exchanges of goods and services, limited by
the need for mutual wants.<br>
<b>2. Emergence of Currency:</b> Introduction of commodity money (e.g., shells, gold) around
3000 BCE facilitated trade.<br>
<b>3. Development of Markets:</b> Ancient civilizations established markets and trade routes
like the Silk Road.<br>
<b>4. Middle Ages:</b> Rise of merchant classes and banking systems enhanced long-distance
trade.<br>
<b>5. Age of Exploration:</b> European colonial trade networks expanded global commerce.<br>
<b>6. Industrial Revolution:</b> Innovations in transportation and the establishment of stock
exchanges transformed trading.<br>
<b>7. 20th Century:</b> Growth of globalization and electronic trading platforms.
</p>
<a href="#" class="btn btn-primary">See More..</a>
</div>
<img class="card-img-bottom" src="history.jpg" alt="Card image" style="width:100%">
</div>
<div class="card" style="width:400px">
<div class="card-body">
<h4 class="h1" style="color: #FF0800;">Future Scope</h4>
<p class="card-text">
<b>1. Digital Transformation:</b> Blockchain and digital currencies are reshaping trading
practices.<br>
<b>2. AI and Automation:</b> Advanced algorithms will enhance trading strategies and risk
management.<br>
<b>3. ESG Factors:</b> Sustainable investing will influence trading decisions.<br>
<b>4. Global Market Integration:</b> Increased interconnectedness will require adaptive trading
strategies.<br>
<b>5. Rise of Retail Investors:</b> Democratization of trading through apps empowers individual
investors.<br>
<b>6. Data-Driven Insights:</b> Big data will inform market trends and consumer behavior
analysis.<br>
<b>7. Regulatory Changes:</b> Evolving regulations will impact practices, particularly in
cryptocurrency.
</p>
<a href="#" class="btn btn-primary">See More..</a>
</div>
<img class="card-img-bottom" src="future.jpg" alt="Card image" style="width:100%">
</div>
</div>
</section>
<!-- Contact Us -->
<section class="container-4" id="contactus">
<div class="h1">
<h2 style="color: #FF0800;">Contact <span>Us</span></h2>
</div>
</section>
<div class="container-4 px-5 my-5">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="card border-0 rounded-3 shadow-lg">
<div class="card-body p-4">
<form action="action_page.php" method="post">
<!-- Name Input -->
<div class="form-floating mb-3">
<input class="form-control" id="name" type="text" placeholder="Name" required>
<label for="name" style="color: #007FFF;">Name*</label>
</div>
<!-- Email Input -->
<div class="form-floating mb-3">
<input class="form-control" id="emailAddress" type="email" placeholder="Email Address" required>
<label for="emailAddress" style="color: #007FFF;">Email Address*</label>
</div>
<!-- Message Input -->
<div class="form-floating mb-3">
<textarea class="form-control" id="message" type="text" placeholder="Message" style="height: 10rem;" required></textarea>
<label for="message" style="color: #007FFF;">Message*</label>
</div>
<!-- Submit button -->
<div class="d-grid">
<button class="btn btn-danger btn-lg" id="submitButton" type="submit">Submit</button>
</div>
</form>
<!-- End of contact form -->
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer" style="background-color: #e3f2fd;">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<h2 style="color: #007FFF;">Trading Company</h2>
</div>
<div class="col-md-3">
<h4 style="color: #007FFF;">About Us</h4>
<p>
<b>Trading</b> involves buying and selling financial assets like stocks, currencies, or commodities with the goal of making a profit. It can be done on various markets, such as stock exchanges or cryptocurrency platforms, and ranges from short-term day trading to long-term investments.
</p>
</div>
<div class="col-md-3">
<h4 style="color: #007FFF;">Contact Us</h4>
<ul class="list-unstyled">
<li><b>Email:</b> [email protected]</li>
<li><b>Phone:</b> +92 334 2199888</li>
<li><b>Address:</b> 123 Street, City, Country</li>
</ul>
</div>
<div class="col-md-3">
<h4 style="color: #007FFF;">Follow Us</h4>
<ul class="list-inline footer-links">
<li class="list-inline-item">
<a href="#">
<i class="fab fa-facebook-f fa-lg" style="color: #3b5998;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-twitter fa-lg" style="color: #55acee;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-instagram fa-lg" style="color: #ac2bac;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-linkedin-in fa-lg" style="color: #0082ca;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-google fa-lg" style="color: #dd4b39;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-youtube fa-lg" style="color: #ed302f;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-github fa-lg" style="color: #333333;"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-whatsapp fa-lg" style="color: #25d366;"></i>
</a>
</li>
</ul>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-4">
<p style="color: #FF0800;">© 2024 Trading.Inc. All rights reserved.</p>
</div>
<div class="col-md-4 text-center">
<p style="color: #FF0800;">Made with ♥ by Dawood M.Shoaib</p>
</div>
<div class="col-md-4 text-end">
<ul class="list-inline footer-links">
<li class="list-inline-item">
<a href="#" style="color: #FF0800;">Privacy Policy</a>
</li>
<li class="list-inline-item">
<a href="#" style="color: #FF0800;">Terms of Service</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>