-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathrelaxblog.php
102 lines (92 loc) · 5.82 KB
/
relaxblog.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="css/travel.css">
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>
<body>
<div class="wrapper">
<nav> <input type="checkbox" id="show-search"> <input type="checkbox" id="show-menu"> <label for="show-menu" class="menu-icon"><i class="fas fa-bars"></i></label>
<div class="content">
<div class="logo"><a href="home.php"><img src="images/logo/logo.png"></a></div>
<ul class="links">
<?php
echo '
<li><a href="home.php">Home</a></li>
<li><a href="travel.php">Travel</a></li>
<li> <a class="desktop-link">Relax</a> <input type="checkbox" id="show-services"> <label for="show-services">Services</label>
<ul>
<li><a href="task.php"><i class="fa fa-fw fa-helicopter"></i>Relaxing Task</a></li>
<li><a href="music.php"><i class="fa fa-fw fa-couch"></i>Relaxing Music</a></li>
</li>
</ul>
</li>
<li><a href="organise.php">Organise</a></li>
<li> <a class="desktop-link">Blogs</a> <input type="checkbox" id="show-services"> <label for="show-services">Services</label>
<ul>
<li><a href="travelblog.php"><i class="fa fa-fw fa-helicopter"></i>Travel Blogs</a></li>
<li><a href="relaxblog.php"><i class="fa fa-fw fa-couch"></i>Relax Blogs</a></li>
</li>
</ul>
</li>
</ul>'; ?>
</div> <label for="show-search" class="search-icon"><i class="fas fa-search"></i></label>
<form action="" class="search-box"> <input type="text" placeholder="Type Something to Search..." required> <button type="submit" class="go-icon"><i class="fas fa-long-arrow-alt-right"></i></button> </form>
<a href="logout.php" type="button" class="btn btn-warning">
<h5>Logout</h5>
</a>
</nav>
</div>
</div>
<div class="cardCase">
<h1>Relaxing blogs</h1>
<div class="row row-cols- row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<img src="https://thumbs.dreamstime.com/b/i-love-myself-writing-yellow-note-pinned-cork-board-background-me-businnes-concept-101587620.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Teen self care tips</h5>
<p class="card-text">Simple steps to start a self care routine</p>
<a href="#" target="popup" type="button" class="btn btn-primary" onclick="window.open('https://www.mghclaycenter.org/parenting-concerns/11-self-care-tips-for-teens-and-young-adults/','popup','width=900,height=600'); return false;">
Read More
</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="https://www.healthyplace.com/sites/default/files/uploads/2015/09/self-care-is-important.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Why self care is important</h5>
<p class="card-text">Avoiding burnouts to attaining mental peace, here's why self care is important</p>
<a href="#" target="popup" type="button" class="btn btn-primary" onclick="window.open('https://www.snhu.edu/about-us/newsroom/2019/04/what-is-self-care','popup','width=900,height=600'); return false;">
Read More
</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="https://www.verywellmind.com/thmb/L3po_L2AlK9IKvLlEeFfLT8naD4=/1100x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/self-care-strategies-overall-stress-reduction-3144729-fde3507ef54d40eb9a45b15d57510bbf.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Celebrities sharing their self care experience</h5>
<p class="card-text">Draw inspiration from your favourite stars</p>
<a href="#" target="popup" type="button" class="btn btn-primary" onclick="window.open('https://www.slice.ca/21-celebrities-share-their-self-care-and-mental-wellness-tips/','popup','width=900,height=600'); return false;">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>