-
Notifications
You must be signed in to change notification settings - Fork 0
/
Bootstrap.html
190 lines (160 loc) · 8.75 KB
/
Bootstrap.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
<!DOCTYPE html>
<html lang="en" dir="1tr" >
<head>
<title>Navbar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script type="text/javascript" src="jquery-3.6.0.min.js"></script>
<style type="text/css">
@media only screen and (max-width:1000px){
.slide2,.slide1{font-size: 30px !important;}
}
</style>
</head>
<body>
<nav class="container-fluid navbar navbar-expand-lg bg-light">
<a class="navbar-brand" href="#">📁DocCollinsWare</a>
<div class="container-fluid">
<a class="nav-link" href="#digital">Digital Development</a>
<a class="nav-link" href="#solutions">Solutions</a>
<a class="nav-link" href="#products">Products and Services</a>
<a class="nav-link" href="#sales">Sales Partners</a>
<a class="nav-link" href="#about">About Us</a>
<div class=" form-group d-flex">
<input type="search" class="form-control" placeholder="Search">
<input type="submit" value="🔍">
</div>
<button class="btn btn-primary">Sign In</button>
</div>
</nav>
<div class="container-fluid">
<div class="row bg-secondary">
<div class="col-md-4">
<h1 class="display-1 text-white slide1" style="position: absolute;left: 100px;width: 50%">
<i>Set the new pace for business.</i><br>
<a href="#" class="pt-3 display-1 text-decoration-none text-info btn btn-dark key1"><strong> >>> </strong></a>
</h1>
<h1 class="display-1 text-white slide2" style="position: absolute;left: 100px;width: 50%">
<i>The best user-friendly cloud DMS in the world.</i><br>
<a href="#" class="pt-3 display-1 text-decoration-none text-info btn btn-dark key2"><strong> >>> </strong></a>
</h1>
</div>
<div class="col-sm-8">
<img class="img1" src="Pictures/Cloud2.jpg" width="100%" height="100%">
<img class="img2" src="Pictures/Sharp.jpg" width="100%" height="100%">
</div>
</div>
</div>
<div class="container pt-3 mb-4">
<div class="row ">
<div class="col-md-6 foot">
<a name="digital"></a>
<h1 class="jumbotron text-primary mt-4 mb-4">We have managed over 2.5 billion documents.</h1>
<p class="lead mb-4">DocCollinsWare delivers smart digital workflow and document management capabilities that clear the path for organizations like yours to set a new pace for worker productivity and business performance.</p>
<p class="lead mb-4 para1">Keeping your paperless office documents only on your computer or local server poses the risks of hard drive failure, fire, flood or burglary. And what if you want to access one of those important files away from the office? Meet DonCollinsWare. The ultimate online document management system for small, medium and large businesses and organizations. <br> <i class="row text-right container-fluid"><i class="key4 jumbotron btn">◤</i></i></p>
<i class="pt-4 display-1 text-decoration-none text-info btn btn-dark key3"><strong>Learn More ></strong></i>
</div>
<div class="col-sm-6">
<img src="Pictures/Documents.jpg" width="100%" height="100%" class="">
</div>
</div>
</div>
<div class="container-fluid row">
<div class="container-fluid col-md-4 bg-primary text-white border border-white border-3">
<h1 class="jumbotron pb-3 mt-4 mb-4">▣ Discover</h1>
<p class="lead p-3">DocCollinsWare is driving channel business for remote workers.</p>
<a href="#" class="text-white pt-3 text-decoration-none btn mt-4"><h5>Read More ></h5></a>
</div>
<div class=" container-fluid col-md-4 bg-dark text-white border border-white border-3">
<h1 class="jumbotron pb-3 mt-4 mb-4">▣ Case Study</h1>
<p class="lead p-3">Rocky Waves Goods hits a home run using DocCollinsWare.</p>
<a href="#" class="text-white pt-3 text-decoration-none btn mt-4"><h5>Read More ></h5></a>
</div>
<div class="container-fluid col-md-4 bg-dark text-white border border-white border-3">
<h1 class="jumbotron pb-3 mt-4 mb-4">▣ Case Study</h1>
<p class="lead p-3">Learn how Neo West uses DocCollinsWare in manufacturing.</p>
<a href="#" class="text-white pt-3 text-decoration-none btn mt-4"><h5>Read More ></h5></a>
</div>
</div>
<div class="container-fluid row pt-3 mt-3">
<div class="container col-md-7">
<img src="Pictures/unnamed.jpg" width="100%" height="100%" class="img-responsive" >
</div>
<div class="containe col-md-5">
<a name="solutions"></a>
<h1 class="jumbotron text-primary">Zero-Compromise cloud services.</h1>
<p class="lead">Our zero-compromise cloud services are a recognizied best-fit solution for digitizing, automating and transforming your key processes. <br>
We believe in empowering every knowledge worker to focus on work that matters and escape the tedious tasks that restricts your ability to innovate.</p>
<p class="lead para2">It has help us in gaining more contracts and are currently managing the documents of over 500 companies in the world. I'm sure DonCollinsWare is the right place for you. <br> <i class="row text-right container-fluid"><i class="btn key6">◤</i></i></p>
<i class="pt-3 btn text-decoration-none text-dark key5"><strong>Learn More <i class="text-primary">></i></strong></i>
</div>
</div>
<div class="container-fluid mt-3">
<div class=" row bg-dark text-muted ">
<div class="col-md-6 mt-4">
<a name="about"></a>
<h1 class="jumbotron">DocCollinsWare</h1>
<hr width="50%">
<p>DocCollinsWare is a leading provider of low code digital automation platform. Globally, successful financial institutions , insurance, goverment and shared services organizations rely on DocCollinsWare's industry-recognizied products and applications-to manage their processes (BPM), content (ECM), and communications (CCM)-for connected operations. <br>
From customer onbooarding to service requests, from loans and deposits to underwriting , and many more, DocCollinsWare's industry and applications transform business-critical operations with agility. DocCollinsWare's cloud-based platform enables digital transformation initiatives for superior customer experience, optimized costs, and improved efficiencies. </p>
</div>
<div class="col-md-6 mt-4">
<a name="products"></a>
<h1 class="jumbotron">Our Products and Services</h1>
<hr width="50%">
<ul>
<li>Creation Review Approval</li>
<li>Version Control</li>
<li>Security/Access Control</li>
<li>Searching Indexing Capability</li>
<li>Support Multiple File Type</li>
<li>Alert Notification</li>
<li>Backup/ Recovery</li>
<li>Reports/Metrics</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class=" row bg-dark text-muted text-center">
<div class="col-md-12">
<a name="sales"></a>
<h1 class="jumbotron">In Partnership with:</h1>
<hr>
<ul class="list-unstyled">
<li>Microsoft</li>
<li>Apple</li>
<li>Winner press</li>
<li>Tesla</li>
<li>First Bank</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row bg-dark">
<div class="col-md-10 d-flex">
<a href="https://wa.me/2347084613518?text= Hello,%20how%20can%20I%20help%20you? " target="-blank" rel="noopener"><img src="../Pictures/whatsapp.png" width="50px" height="50px" alt="" title="Meet us on Whatsapp"></a>
<a href="https://www.facebook.com/Google" target="-blank" rel="noopener"><img src="../Pictures/facebook.png" width="50px" height="50px" alt="" title="Like us on Facebook"></a>
<a href=""><img src="../Pictures/instagram.png" width="50px" height="50px" alt="" title="Our instagram page"></a>
<a href=""><img src="../Pictures/twitter.png" width="50px" height="50px" alt="" title="Follow us on Twitter"></a>
</div>
<a class="col-md-2" href="#top">Back to Top</a>
</div>
</div>
<div class=" container-fluid text-center bg-secondary text-white">
<h1><div class="">© 2021 Copyright.</div></h1>
</div>
<script type="text/javascript">
/*$(document).ready($('').hide());*/
$(document).ready($('.slide2').hide()) ,$('.img2').hide(),
$('.key1').click(function(){$('.slide2').show(1000),$('.slide1').hide(1000),$('.img1').hide(),$('.img2').show()}),
$('.key2').click(function(){$('.slide1').show(1000),$('.slide2').hide(1000),$('.img2').hide(),$('.img1').show()});
$(document).ready($('.para1').hide()),$('.key3').click(function(){$('.para1').show(1000),$('.key3').hide()}),
$('.key4').click(function(){$('.para1').hide(1000),$('.key3').show()});
$(document).ready($('.para2').hide()),$('.key5').click(function(){$('.para2').show(1000),$('.key5').hide()}),
$('.key6').click(function(){$('.para2').hide(1000),$('.key5').show()});
</script>
</body>
</html>