-
Notifications
You must be signed in to change notification settings - Fork 0
/
4health.html
95 lines (76 loc) · 3.89 KB
/
4health.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
<!DOCTYPE html>
<html>
<head>
<title>4health</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</head>
<body class="bgaccount">
<div>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="Navbar.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="signup.html">Sign-Up</a>
</li>
<li class="nav-item active">
<a class="nav-link " href="login1.html">Login</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="product.html">Product Catalogue</a>
</li>
<li class="nav-item active">
<a class="nav-link " href="healthtips.html">Health Tips</a>
</li>
</ul>
</div>
<a href="#" >
<img src="Screenshot (9).png" width="50" height="50" alt="" align="left" HSPACE="25" class="img1" >
</a>
<h1 style="padding-right: 500px;color: white;color: lightblue;font-family: 'Abril Fatface', cursive;"> Woof Love</h1>
</nav>
</div>
<div style="padding-top: 100px;padding-bottom: 50px;" align="center">
<div class="card " style="width: 50%;" align="left">
<div class="card-body">
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="5138515.jpg" style="width: 300px;height: 300px;">
</div>
<div class="col-md-6" style="padding-left: 100px;">
<h4 class="card-title" style="padding-top: 30px;padding-bottom: 50px;">4Health</h4>
<h6 style="color:red;">Price:Rs 300</h6>
<a href=""><button type="button" class="btn btn-primary btn-lg" style="width:200px;height:40px;" onclick="myFunction()">Add to cart</button></a>
<p class><small class="text-muted">Cash on delivary only</small></p>
</div>
</div>
</div>
<h5 class="card-title" style="padding-top: 30px;">Ingrediants and Details</h5>
<p class="card-text">4Health is a premium dog food brand that offers quality wet and dry food that is full of beneficial ingredients that will keep your pet strong, healthy and happy.<br>
here is salmon in this fish meal for your dog, which provides 25 percent protein for sustaining muscle and providing energy throughout the day. Since it contains fish, this also makes a great choice if your pet has an allergy to other types of meat, such as chicken or beef.</p>
</div>
</div>
</div>
<nav class="navbar-bottom navbar-dark bg-dark footer">
<div align="center" class="div2">
<p >Contact us at [email protected]</p>
</div>
</nav>
<script>
function myFunction() {
alert("Please login to add to cart");
}
</script>
</body>
</html>