-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnotification.html
executable file
·138 lines (133 loc) · 6.42 KB
/
notification.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" href="img/logo.png">
<title>CaloCal - Shopping the Healthy Way</title>
<!-- Slick Slider -->
<link rel="stylesheet" type="text/css" href="vendor/slick/slick.min.css"/>
<link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.min.css"/>
<!-- Icofont Icon-->
<link href="vendor/icons/icofont.min.css" rel="stylesheet" type="text/css">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- Sidebar CSS -->
<link href="vendor/sidebar/demo.css" rel="stylesheet">
</head>
<body>
<div class="osahan-notification">
<div class="p-3 border-bottom">
<div class="d-flex align-items-center">
<a class="font-weight-bold text-success text-decoration-none" href="home.html">
<i class="icofont-rounded-left back-page"></i></a>
<span class="font-weight-bold ml-3 h6 mb-0">Notifications</span>
<a class="toggle ml-auto" href="#"><i class="icofont-navigation-menu"></i></a>
</div>
</div>
<!-- osahan notification -->
<div class="osahan-notifications bg-white">
<div class="position-absolute ml-n3 py-5"><i class="icofont-check-circled text-success bg-success rounded-pill pl-2 p-1"></i></div>
<a href="#" class="text-decoration-none text-dark">
<div class="notifiction p-4 border-bottom">
<p class="font-weight-bold mb-1">Plan your Meal</p>
<p class="small text-muted">Hurraaay! Your meal plan is ready ...</p>
<p class="small m-0"><i class="icofont-ui-calendar"></i> Today, 05:14 AM</p>
</div>
</a>
</div>
<!-- notification 2 -->
<div class="osahan-notifications text-muted bg-light">
<a href="#" class="text-decoration-none text-muted">
<div class="notifiction p-4 border-bottom">
<p class="font-weight-bold mb-1">Health Tips</p>
<p class="small text-muted">Yippieee. You can check some health tips</p>
<p class="small m-0"><i class="icofont-ui-calendar"></i> Wednesday, 08:30 PM</p>
</div>
</a>
</div>
<!-- notification 3 -->
<div class="osahan-notifications text-muted bg-light">
<a href="#" class="text-decoration-none text-muted">
<div class="notifiction p-4 border-bottom">
<p class="font-weight-bold mb-1">New Promos is Cooooomingggg~</p>
<p class="small text-muted">Yeaaaaaaaayyy! check promo list and let's shopping</p>
<p class="small m-0"><i class="icofont-ui-calendar"></i> Sunday, 10:30 AM</p>
</div>
</a>
</div>
</div>
<!-- Footer -->
<div class="osahan-menu-fotter fixed-bottom bg-white text-center border-top">
<div class="row m-0">
<a href="home.html" class="text-muted col small text-decoration-none p-2">
<p class="h5 m-0"><i class="icofont-home"></i></p>
Home
</a>
<a href="list.html" class="text-muted col small text-decoration-none p-2">
<p class="h5 m-0"><i class="icofont-sub-listing"></i></p>
My List
</a>
<a href="history.html" class="text-muted col small text-decoration-none p-2">
<p class="h5 m-0"><i class="icofont-ui-calendar"></i></p>
Histroy </a>
<a href="my_account.html" class="text-muted small col text-decoration-none p-2">
<p class="h5 m-0"><i class="icofont-user"></i></p>
Profile
</a>
</div>
</div>
<nav id="main-nav">
<ul class="second-nav">
<li><a href="home.html"><i class="icofont-ui-home mr-2"></i> Home</a></li>
<li><a href="notification.html" class="font-weight-bold selected"><i class="icofont-notification mr-2"></i> Notification</a></li>
<li><a href="list.html"><i class="icofont-sub-listing mr-2"></i> My List</a></li>
<li><a href="history.html"><i class="icofont-ui-calendar mr-2"></i> History</a></li>
<li><a href="health_tips.html"><i class="icofont-light-bulb mr-2"></i> Health Tips</a></li>
<li><a href="my_account.html"><i class="icofont-ui-user mr-2"></i> My Account</a></li>
<li>
<a href="#"><i class="icofont-sub-listing mr-2"></i> Settings</a>
<ul>
<li><a href="review.html">Rate this App</a></li>
<li><a href="terms&conditions.html">Terms & Conditions</a></li>
<li><a href="privacy.html">Privacy</a></li>
<li> <a href="help_support.html">Help Support</a></li>
</ul>
</li>
</ul>
<ul class="bottom-nav">
<li class="email">
<a href="home.html" class="text-dark small col text-decoration-none p-2">
<p class="h5 m-0"><i class="icofont-home"></i></p>
Home
</a>
</li>
<li class="github">
<a href="list.html">
<p class="h5 m-0"><i class="icofont-sub-listing"></i></p>
My List
</a>
</li>
<li class="ko-fi">
<a href="help_ticket.html">
<p class="h5 m-0"><i class="icofont-headphone"></i></p>
Help
</a>
</li>
</ul>
</nav>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- slick Slider JS-->
<script type="text/javascript" src="vendor/slick/slick.min.js"></script>
<!-- Sidebar JS-->
<script type="text/javascript" src="vendor/sidebar/hc-offcanvas-nav.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/osahan.js"></script>
</body>
</html>