-
Notifications
You must be signed in to change notification settings - Fork 0
/
product.html
62 lines (59 loc) · 4.29 KB
/
product.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="product.css">
<title>Our Products</title>
</head>
<body>
<div class="h1">
<a href="home.html" >
<span class="material-icons" style="float: left; font-size: 40px; margin-left: 2px; margin-top: 2px; color: green;">
keyboard_backspace
</span>
</a>
<p style="margin-right: 13px;">
Our Products
</p>
</div>
<div class="brochure" style="text-align: center; ">
<a href="creative-engineers.pdf" style="text-decoration: none; color: teal; ">
<span class="material-icons" >
get_app
</span> Brochure </a>
</div>
<p style="color: teal; font-size: 25px; text-align: center; background-color: rgba(172, 255, 47, 0.308);">
Ferrous and Non-Ferrous material
</p>
<div class="video1">
<iframe width="80%" height="85%" src="https://www.youtube.com/embed/Z6Sz8S-y-JE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<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. Aut sint voluptate similique accusantium recusandae nesciunt <br> veniam rerum necessitatibus asperiores! Mollitia, ipsum facilis et rem eveniet necessitatibus corporis voluptates atque iusto!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et quas obcaecati ipsam explicabo animi sapiente error mollitia aspernatur? Quasi maxime ab, similique harum corporis quisquam omnis nostrum temporibus accusamus nobis!
</p>
<p style="color: teal; font-size: 25px; text-align: center; background-color: rgba(172, 255, 47, 0.308);">
Hacksaw machine
</p>
<div class="video2">
<iframe width="80%" height="85%" src="https://www.youtube.com/embed/xepTFRSnyW0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<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. Aut sint voluptate similique accusantium recusandae nesciunt <br> veniam rerum necessitatibus asperiores! Mollitia, ipsum facilis et rem eveniet necessitatibus corporis voluptates atque iusto!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae sunt rerum labore corrupti aliquam. Quod esse rerum, aliquid minus eveniet provident debitis tenetur animi repellat molestias dicta cumque expedita molestiae!
</p>
<p style="color: teal; font-size: 25px; text-align: center; background-color: rgba(172, 255, 47, 0.308);">
Bandsaw machine
</p>
<div class="video3">
<iframe width="80%" height="85%" src="https://www.youtube.com/embed/tUxWkjhIvcw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<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. Aut sint voluptate similique accusantium recusandae nesciunt <br> veniam rerum necessitatibus asperiores! Mollitia, ipsum facilis et rem eveniet necessitatibus corporis voluptates atque iusto!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae sunt rerum labore corrupti aliquam. Quod esse rerum, aliquid minus eveniet provident debitis tenetur animi repellat molestias dicta cumque expedita molestiae!
</p>
</div>
</div>
</div>
</body>
</html>