-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
74 lines (73 loc) · 6.03 KB
/
services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Services</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/bootstrap.min.css.map">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">logo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="About-us.html">About us</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="services.html" tabindex="-1" aria-disabled="true">Services</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact-us.html" tabindex="-1" aria-disabled="true">Contact us</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="background-1 vh-100" >
<div class="w-100 pt-5 container row">
<div class="humans row col-12 col-sm-6 col-md-6 col-lg-6">
<div class=" mid">
<img src="./Images/machineL.png" alt="" class="pe-5 pt-3 col-4 col-sm-12 col-md-4 col-lg-6 img-fluid img-circle rounded float-start">
</div>
<div class="col pb-5 pt-5 w-50 col-12 col-sm-12 col-md-4 col-lg-12">
<h3 class="text-secondary display-1 fw-normal ">Humans for </h3>
<h1 class="text-secondary display-1 fw-bold ">the Future</h1>
</div>
</div>
</div>
</section>
<section class="container py-5">
<div class="px-2 ">
<h1 class="py-5 display-3 text-secondary">Services</h1>
<p class="fst-italic">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Distinctio blanditiis fuga, atque non quo itaque ex porro soluta numquam similique ullam corrupti assumenda, perspiciatis, vel nam commodi autem incidunt. Aspernatur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium harum tempora, repellendus dolore dignissimos est perferendis possimus dicta ex maiores quisquam odio optio veniam voluptatibus saepe, sit quasi, neque Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione dolores facilis laborum omnis earum odio quod ex possimus quos aliquam numquam esse laboriosam, sunt natus corporis veniam. Dolores, dolorem consequuntur!</p>
<p class="fst-italic">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum odio ea repellendus tenetur fugit saepe eius possimus illum quia dolor odit omnis quas incidunt nulla, vel laborum a debitis minima. Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus expedita ipsa illo exercitationem eum odit, nihil dolor quas accusamus neque, impedit omnis iste mollitia? Sapiente rem cumque deleniti cupiditate ea! Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio esse, accusantium debitis illum hic nihil, quidem recusandae quos aspernatur illo veritatis nobis in sunt repellendus magni possimus maxime odio fugiat!</p>
<p class="fst-italic">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore exercitationem molestias ipsam culpa in cumque neque! Nam, esse expedita eum, quasi vel animi velit nisi rerum harum ea aperiam facere. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam temporibus esse debitis, incidunt doloremque modi omnis officiis itaque officia minus molestias accusantium est veniam explicabo. Corrupti excepturi laboriosam vel cupiditate. Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi omnis ipsam aut odio quos blanditiis eum odit! Et nulla temporibus veniam deserunt magnam ex nam, non quidem, quia qui voluptas?</p>
<p class="fst-italic">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime consectetur, fugiat id molestias nobis provident impedit est error, labore ullam natus officia voluptates aut ut modi enim qui quidem! Voluptas! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus numquam placeat suscipit eaque dolor! Nobis exercitationem quae nostrum optio explicabo vel adipisci veniam harum et vitae molestiae, modi nemo officiis?</p>
<p class="fst-italic">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste eveniet unde reiciendis voluptatum minus minima amet sapiente! Nam modi et quasi sint aut quis, ad magni doloremque animi, voluptate omnis.</p>
</div>
</section>
<section class="last-sec container text-center py-5">
<h4 class="text-dark fs-1">Get a'ROBOT' today for your utilities <br> services!</h4>
<p class="fs-4 fw-lighter">
We’re on a mission to help build long-lasting <br> relationship between man and machines through <br> thoughtful Robotic designs .
</p>
<div class=" gap-2 d-flex justify-content-center">
<button class="btn btn-secondary px-4">ORDER NOW</button>
<a href="contact-us.html" class="btn btn-light btn-outline-dark px-4 " tabindex="-1" role="button" aria-disabled="true">CONTACT US</a>
</div>
</section>
<script src="./script/bootstrap.min.js"></script>
<script src="./script/bootstrap.min.js.map"></script>
</body>
</html>