-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
77 lines (76 loc) · 4.82 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" href="home.css">
<meta name="description" content="Metal Cutting Bandsaw/Hacksaw machine's available at even custom size">
<meta name="keywords" content="bandsaw,hacksaw,creative,creativeengineers">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creative Engineers</title>
</head>
<body>
<article>
<img src="images/logo.png" alt="hi" width="100px" height="100">
</article>
<header>Build Strong</header>
<div class="social-icon" >
<a href="https://www.instagram.com/creative_engineerss/">
<img src="images/instagram-black.png" alt="" height="30px" width="40px">
</a>
<a href="https://www.youtube.com/channel/UCPmOgYB7HrM-lle_gBuYpWg">
<img src="images/youtube-black.png" alt="" height="28px" width="30px">
</a>
<a href="https://www.facebook.com/CREATIVEENG99">
<img src="images/facebook-black.png" alt="" height="30px" width="30px" style="margin-left: 5px;">
</a>
</div>
<div>
<a href="home.html">
<button class="btn1" >Home</button>
</a>
<a href="product.html">
<button class="btn2">Products</button>
</a>
<a href="enquiry.html">
<button class="btn3">Enquiry</button>
</a>
<a href="findus.html" >
<button class="btn4">Find us</button>
</a>
</div>
<div class="slider">
<figure>
<img src="images/home.jpg" alt="" style="border-radius: 10px;">
<img src="images/home1.jpg" alt="" style="border-radius: 10px;">
<img src="images/home2.jpg" alt="" style="border-radius: 10px;">
<img src="images/home3.jpg" alt="" style="border-radius: 10px;">
<img src="images/home4.jpg" alt="" style="border-radius: 10px;">
</figure>
</div>
<p style="color: teal; font-size: 30px; text-align: center; background-color: rgba(172, 255, 47, 0.308);">What We Do!</p>
<p style="font-size: 20px; color: rgb(49, 126, 126); text-align: center; margin-left: auto; margin-right: auto; background-color: #f7e7e796; border-radius: 10px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea nam natus velit corrupti aut optio, modi quisquam magnam! Quidem deserunt iste, debitis consequuntur nostrum culpa dignissimos dolore ab dolor repellendus?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea nam natus velit corrupti aut optio, modi quisquam magnam! Quidem deserunt iste, debitis consequuntur nostrum culpa dignissimos dolore ab dolor repellendus?</p>
<div class="backimage" style="width: 80%; margin: 4% 10% 5% 10%;">
<img src="images/machine.jpg" alt="" style="background-size: cover;
width: 100%;
">
</div>
<p style="color: teal; font-size: 30px; text-align: center; background-color: rgba(172, 255, 47, 0.308);">Our Team</p>
<div class="team" style="background-color: #f7e7e796; border-radius: 10px; padding: 5px;">
<div class="jv">
<img src="images/jv.jpg" alt="jv" style=" height: 80px; border-radius: 50px; margin-left: 10px; ">
<p style="color: teal; font-size: 25px;">Web Developer</p>
<p style="font-size: 20px; color: rgb(49, 126, 126);">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptas autem natus suscipit animi et nobis eligendi, dolores maxime qui nihil dolorem voluptatibus consectetur non corporis, quod odio, earum explicabo molestiae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium reiciendis voluptas deleniti magni molestiae eligendi laboriosam dolore aut minus beatae. Placeat quo iure quidem fugiat dolor alias magni amet nesciunt.</p>
</div>
<div class="prashant">
<img src="images/prashant.jpg" alt="prashant" style="height: 80px; border-radius: 50px; margin-right: 10px;">
<p style="color: teal; font-size: 25px;">Chief Executive Officer</p>
<p style="font-size: 20px; color: rgb(49, 126, 126);">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptas autem natus suscipit animi et nobis eligendi, dolores maxime qui nihil dolorem voluptatibus consectetur non corporis, quod odio, earum explicabo molestiae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium reiciendis voluptas deleniti magni molestiae eligendi laboriosam dolore aut minus beatae. Placeat quo iure quidem fugiat dolor alias magni amet nesciunt.</p>
</div>
</div>
<p style="text-align: center; color: rgb(139, 102, 7);">
@2020 by CREATIVE ENGINEERS
</p>
</body>
</html>