-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (155 loc) · 9.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Vecta Corp</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</head>
<body>
<!-- top navbar -->
<div class="container-fluid nav-container position-absolute">
<nav class="navbar navbar-expand-lg bg-dark navbar-dark mt-3 rounded sticky-top ">
<div class="d-flex flex-grow-1">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Vecta"></a>
<div class="w-100 text-right">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<ul class="nav navbar-nav">
<li class="nav-item active"><a class="nav-link m-2" href="#">Home</a></li>
<li class="nav-item dropdown"><a class="nav-link m-2 dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Overview</a>
<a class="dropdown-item" href="#">Company History</a>
<a class="dropdown-item" href="#">Management</a>
<a class="dropdown-item" href="#">Careers</a>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link m-2 dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Solutions</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="solutions.html#vprospect">vProspect</a>
<a class="dropdown-item" href="solutions.html#vconvert">vConvert</a>
<a class="dropdown-item" href="solutions.html#vretain">vRetain</a>
</div>
</li>
<li class="nav-item m-2"><a class="nav-link href="#">Support Us</a></li>
<li class="nav-item m-2"><a class="nav-link href="#">Contact Us</a></li>
</ul>
</nav>
</div>
<!-- carousel -->
<header>
<div id="headerCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#headerCarousel" data-slide-to="0" class="active m-2"></li>
<li data-target="#headerCarousel" data-slide-to="1" class="m-2"></li>
<li data-target="#headerCarousel" data-slide-to="2" class="m-2"></li>
<li data-target="#headerCarousel" data-slide-to="3" class="m-2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/header1.jpg" alt="First slide">
<div class="carousel-caption d-none d-md-block m-4" style="color:black">
<h2>Data data data</h2>
<p>We have petabytes of it</p>
<button class="btn btn-primary">More info</button>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/header2.jpg" alt="Second slide">
<div class="carousel-caption d-none d-md-block m-4">
<h2>Make the Deal</h2>
<p>Remember when handshakes were a thing?</p>
<button class="btn btn-primary">More info</button>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/header3.jpg" alt="Third slide">
<div class="carousel-caption d-none d-md-block m-4">
<h2>Hello Friend</h2>
<p>We're always watching you</p>
<button class="btn btn-primary">More info</button>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/header4.jpg" alt="Fourth slide">
<div class="carousel-caption d-none d-md-block m-4">
<h2>Business Doodles</h2>
<p>Make us trustworthy</p>
<button class="btn btn-primary">More info</button>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#headerCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#headerCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<!--content-->
<div class="container-fluid">
<div class="row ml-4 mt-3">
<!-- first content column-->
<div class="col-md-4">
<h5> Welcome</h5>
With innovative approaches and advanced methodologies, Vecta Corporation provides scalable business solutions to help companies achieve success through revenue increase, cost management, and user satisfaction. Our approach stems from the three most important business growth aspects: helping companies reach prospects, assist in converting prospects to customers, and assist in retaining those customers. This is accomplished through our interactive solutions and expertise in providing a memorable and positive user experience.
</div> <!--end of first content column-->
<!-- Second content column -->
<div class="col-md-4">
<h5>Our Solutions</h5>
<ul class="nav nav-tabs role="tablist"">
<li class="nav-item">
<a class="nav-link active" id="vprospect-tab" data-toggle="tab" href="#vprospect" role="tab" aria-controls="home" aria-selected="true">vProspect 2.0</a>
</li>
<li class="nav-item">
<a class="nav-link" id="vconvert-tab" data-toggle="tab" href="#vconvert" role="tab" aria-controls="profile" aria-selected="false">vConvert 2.0</a>
</li>
<li class="nav-item">
<a class="nav-link" id="vretain-tab" data-toggle="tab" href="#vretain" role="tab" aria-controls="contact" aria-selected="false">vRetain 1.0</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="vprospect" role="tabpanel" aria-labelledby="vprospect-tab">Define and research your target audience, define your strategy to reach that audience and present a strong and memorable brand to that audience.</div>
<div class="tab-pane fade" id="vconvert" role="tabpanel" aria-labelledby="vconvert-tab">Create a highly user-friendly and easy-to-navigate information architecture that will help your prospects interact with the company on a highly interactive level.</div>
<div class="tab-pane fade" id="vretain" role="tabpanel" aria-labelledby="vretain-tab">Build on existing customer relationships to improve productivity and maximize customer loyalty, while growing revenues.</div>
</div>
</div> <!--end of second content column-->
<!-- Third content column-->
<div class="col-md-4">
<h5>Client Testimonials</h5>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#testimony1" aria-expanded="false" aria-controls="testimony1">
Aaron D. Tyres
</button>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#testimony2" aria-expanded="false" aria-controls="testimony2">
Robin Banks
</button>
<div class="collapse" id="testimony1">
<div class="card card-body">
Throughout the years we have worked with Vecta Corporation, we have always been amazed at the level of dedication and professionalism that they have provided us and our WGDC products. It is this commitment that has increased both our income and exposure exponentially.
</div>
</div>
<div class="collapse" id="testimony2">
<div class="card card-body">
Incredible results from an incredible effort by the Vecta Corporation team! We are very pleased with the business benefits we have received by working with them.
</div>
</div>
</div> <!--end of third content column-->
</div> <!--end of content container-->
<!--footer-->
<footer class="page-footer font-small pt-4">
<hr>
<div class="footer-copyright text-center py-3"> Copyright © 2020 VectaCorporation</div>
<hr>
</footer>
</body>
</html>