Web-designing/tripmachine.html at main · Vi-kas123/Web-designing · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Trip machine company</title>
	<link rel="stylesheet" href="css/tripmachine.css">
	<link rel="icon"  href="Image/t.png">
	<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>

<body>
<!--Header div start-->
<div class="header" style="position: fixed;">
	<img src="Image/trip.png">
	<a href="" style="padding-right: 80px;">CART</a>
	<a href="">
	<i class="fal fa-cart-plus" style="float: right; padding-top: 2px; margin-right: -10px;"></i>
	<i class="fas fa-user-alt" style="float: right; padding-top: 2px; padding-right: 40px;"></i>
	<i class="fas fa-search" style="float: right; padding-top: 2px; padding-right: 15px"></i>
</a>
	<a href="" style="padding-right: 20px">ABOUT US </a>
	<a href="">BLOG</a>
	<a href="" >PRODUCTS</a>
	<a href="">GARAGE</a>
</div>
<!--Header div closed-->

<!-- First Banner start-->
<div class="banner">
	<a href="" style="text-decoration: none;">
		<p>CHECK IT OUT</p>
	</a>
</div>
<!--First banner closed-->

<!--Eight div start-->
<a href="">
<div class="menu" style="margin-left: 60px">
  <img src="Image/q1.png">
  <p>GRIPS WRAP</p>
</div>
<div class="menu">
	<img src="Image/q2.jpg">
  <p>BACKPACKS</p>
</div>
<div class="menu">
	<img src="Image/q3.png">
  <p>TOUR PACKS</p>
</div>
<div class="menu">
	<img src="Image/q4.png">
  <p>FACE MASK</p>
</div>
<div class="menu" style="margin-left: 60px">
  <img src="Image/q5.png">
  <p>BELTS</p>
</div>
<div class="menu">
	<img src="Image/q6.png">
  <p>TANK BAGS</p>
</div>
<div class="menu">
	<img src="Image/q7.png">
  <p>SMALL LEATHER GOODS</p>
</div>
<div class="menu">
	<img src="Image/q8.jpg">
  <p>HEADLIGHT</p>
</div>
</a>
<!--Eight div closed-->

<!--Second banner start-->
<div class="banner2">
	<p>HANDMADE IS</p>
	<p class="better" style="color: white;font-size: 23px;font-family: museo-sans, sans-serif;text-align: center;padding-top: 20px; font-weight: bold;">BETTER MADE</p>
	<a href="" style="text-decoration: none;">
	<p style="text-align: center; position: relative;font-size: 18px;width: 130px;height: 35px;background-color: #ffffff40;padding-top: 12px;padding-left: 0px;left: 560px;top: 10px; border: 1px solid white;">READ MORE</p>
    </a>
</div>
<!--Second banner closed-->

<!--Four div start-->
<div class="menu2" style="margin-left: 40px">
	<img src="Image/h1.png">
	<p>SHOE PROTECTOR</p>
</div>
<div class="menu2">
	<img src="Image/h2.png">
	<p>WALLETS</p>
</div>
<div class="menu2" style="margin-left: 40px">
	<img src="Image/h3.jpg">
	<p>MILITARY DUFFEL</p>
</div>
<div class="menu2">
	<img src="Image/h4.jpg">
	<p>TOOL ROLLS</p>
</div>
<!--Four div closed-->

<!--Sign in div start-->
<div class="login">
	<p >SIGN UP TO NEWSLETTER</p>
	<p class="better" style="color: white;font-size: 18px;font-family: museo-sans, sans-serif;text-align: center;padding-top: 20px;">Be the first to get update,secret sales and more...</p>
	<a href="" style="text-decoration: none;">
	<p style="text-align: center; position: relative;font-size: 18px;width: 130px;height: 35px;background-color: #ffffff40;padding-top: 12px;padding-left: 0px;left: 560px;top: 20px; border: 1px double white;">SIGN UP</p>
    </a>
</div>
<!--Sign in div closed-->

</body>
</html>