-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog5.html
98 lines (83 loc) · 2.56 KB
/
blog5.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Other page</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="styles.css" />
<script type="module" src="script.js"></script>
</head>
<body>
<nav>
<div class="navbar" >
<a href="/" aria-current="page" style="color:white;" class="navi-logo"> Websurf 🏃♂️</a>
<a href="/page2.html">Tech</a>
<a href="/page2.html">Goals</a>
<a href="/page2.html">Random</a>
<a href="/page2.html">Mindfulness</a>
<a href="/page2.html">Blog</a>
</div>
<form>
<input type="search" name="q" placeholder="Search blogs">
<input type="submit" value="Go!">
</form>
</nav>
<main>
<article>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>Productive Websites to use this month</h2>
<h5>7/17/22 -mia ly</h5>
<img src="https://i.postimg.cc/J0JYZgpJ/My-project.png">
<p>To help you be more productive this summer .
A list of websites in this easy to read infographic. <br>
Common catagories using time effectively, setting goals, learning a new skill. In the other section, has some websites to be used in writing: 750 words, video presentation: Lumen5, or just nature background music: Nosli.
</p>
<p>-mia ly </p>
</div>
<div class="card">
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<div class="fakeimg" style="height:100px;">Image</div>
<p> Hi my names Mia! I’m here finding new resources for time management, productivity, and really cool software you had.
<br><br>
I curated content through hours of research, I test each product beforehand to make sure it’s the best option. <br>Comparing products listed in a easy to read pros and cons, to help you make informed decisions.</p>
</div>
<div class="card">
<h3>Popular Post</h3>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>johndoe@gmail.com</p>
</div>
</div>
</div>
<footer>
<div class="end-footer">
<h2> find us </h2>
<ul class="footer-socials">
<li> <a href="#"> instagram</a> </li>
<li> <a href="#"> linkin</a> </li>
<li> <a href="#"> pinterest</a> </li>
<li> <a href="#"> twitter</a> </li>
<li> <a href="#"> facebook</a> </li>
</ul>
<h2> Catagories </h2>
<ul class="footer-blogs">
<li> <a href="#"> tech</a> </li>
<li> <a href="#"> idk</a> </li>
<li> <a href="#"> Service</a> </li>
</ul>
</div>
</footer>
</article>
</main>
</body>
</html>