-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (127 loc) · 9.61 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
<!doctype html>
<html lang="en">
<head>
<link rel="shortcut icon" href="images/LogoFBC.png">
<link href="bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Homepage - Forested Bartering Company</title>
<meta name="description"
content="We are the Forested Bartering Company, otherwise known as the FBC. Here at FBC, we've built our system on an open-trade business where individuals will be able to trade items they have, that they no longer have a use for.">
<meta name="keywords" content="Forested Bartering Company, FBC, trade, trading">
</head>
<body class="bg-secondary">
<nav class="navbar navbar-expand-lg bg-primary sticky-top animate__animated animate__slideInDown">
<div class="container-fluid">
<a class="navbar-brand text-white pr-2" href="Sign_In_Sign_Up.html"><img src="Images/LogoFBC.png" height="30"> Forested Bartering Company</a>
<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 text-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="white" class="bi bi-justify" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/></svg></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active text-white px-3" href="index.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 18 18"><path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/></svg> Home</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-3" href="Trading.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-arrow-left-right" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5"/></svg> Trade</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-3" href="Forum.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-chat-right-text-fill" viewBox="0 0 18 18"><path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h9.586a1 1 0 0 1 .707.293l2.853 2.853a.5.5 0 0 0 .854-.353zM3.5 3h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1m0 2.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1m0 2.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1"/></svg> Forum</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-3" href="Inbox.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-mailbox2" viewBox="0 0 18 18"><path d="M9 8.5h2.793l.853.854A.5.5 0 0 0 13 9.5h1a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H9z"/><path d="M12 3H4a4 4 0 0 0-4 4v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a4 4 0 0 0-4-4M8 7a4 4 0 0 0-1.354-3H12a3 3 0 0 1 3 3v6H8zm-3.415.157C4.42 7.087 4.218 7 4 7s-.42.086-.585.157C3.164 7.264 3 7.334 3 7a1 1 0 0 1 2 0c0 .334-.164.264-.415.157"/></svg> Inbox</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-3" href="Team.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 18 18"><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/></svg> Our Team</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-3" href="faq.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-question-circle-fill" viewBox="0 0 18 18"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"/></svg> F.A.Q.</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white px-3" href="Contacts.html"><span class="donotwrap"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></svg> Contact Us</span></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="text-center logomaincolor wow animate__fadeInDown">
<img class="text-center wow animate__fadeInDown" src="images/fbc_full_logo_and_slogan.png" height="240" width="600">
</div>
<br>
<h1 class="text-success text-center text wow animate__fadeInDown">Welcome, To The FBC!</h1>
<br>
<h5 class="text-success text-center wow animate__fadeInDown">We help you trade many things, ranging
<br> from living room furniture, to writing utensils, to gaming
<br> consoles, and so much more. All we need is...YOU!
</h5>
<br>
<h5 class="text-success text-center wow animate__fadeInDown">Well, what are you waiting for?</h5>
<br>
<div class="text-center">
<a class="btn btn-link btn-primary btn-lg text-white wow animate__fadeInDown" href="Sign_In_Sign_Up.html">Start
Trading Today!</a>
</div>
<br>
<hr class="bg-primary mx-5 wow animate__fadeIn">
<h2 class="mt-5 mb-0 text-primary text-center wow animate__fadeInUp">Testimonials</h2>
<br>
<div class = "container">
<div class = "row row-cols-1 row-cols-sm-2 row-cols-md-5">
<div class="card wow animate__fadeInUp" >
<img src="images/tradewaltzRevamped.png" class="card-img-top" alt="TradeWaltz's logo">
<div class="card-body bg-primary">
<h5 class="card-title text-secondary">TradeWaltz 9/10</h5>
<p class="card-text text-secondary">As a fellow trading company, this was very easy to use, functions very well,
and rightfully takes pride in its extensive security.</p>
</div>
</div>
<div class="card wow animate__fadeInUp" >
<img src="images/e*tradeRevamped.png" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<h5 class="card-title text-secondary">E*TRADE 8.5/10</h5>
<p class="card-text text-secondary">Excellent use of streaming items to other recipiants. Fun way of promoting
social interaction.</p>
</div>
</div>
<div class="card wow animate__fadeInUp" >
<img src="images/robinhood.png" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<h5 class="card-title text-secondary">Robinhood 8.9/10</h5>
<br>
<p class="card-text text-secondary">While we focus primarily more on stocks, this system of transactions
appears to be easrier to keep track of.</p>
</div>
</div>
<div class="card wow animate__fadeInUp" >
<img src="images/TradeStation.png" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<h5 class="card-title text-secondary">TradeStaion 8/10</h5>
<p class="card-text text-secondary">
Opening what is basically free trade to practically everyone is not easy to do, so well done on doing so.</p>
</div>
</div>
<div class="card wow animate__fadeInUp" >
<img src="images/TrendSpider.png" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<h5 class="card-title text-secondary">TrendSpider 9.3/10</h5>
<br>
<p class="card-text text-secondary"> Things are easier since internal photis from customers can't manually change
attributes of the object other than its price. </p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animate__animated'
})
wow.init();
</script>
</body>
</html>