forked from somcoders/Staticblog
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsingle.html
91 lines (67 loc) · 4.54 KB
/
single.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
<!doctype html>
<htm>
<head>
<title>BoggaHore</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="naqshad.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="header">
<img src="images/logo.png" alt="somcoders logo" class="logo" />
<h1>Kalasoco is bedelka webka iyo waxyaabihii qormooyinkii ugu danbeyey</h1>
</header>
<nav class="navbar" id="nav">
<span class="gear right" onclick=showMenu();>☰</span>
<a href="index.html">Boggahore</a>
<a href="single.html">HTML</a>
<a href="single.html">CSS</a>
<a href="single.html">Js</a>
</nav>
<main class="main">
<section class="section">
<article class="article single clearfix">
<a href="single.html">
<img src="images/html.png" class="post-image" />
</a>
<div class="content">
<h2>CASHARADDA HTML</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqui</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquiLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqui
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqui</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqui</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquiLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqui
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqui</p>
<hr>
<h4>DATE POSTED Dec 12,2018</h4>
</div>
</article>
</section>
<aside class="aside">
<div class="inner">
<h2>Recent Posts</h2>
<a href="single.html">Programming molestias at temporibus dolorem magni minus </a>
<a href="single.html">Web designmolestias at temporibus dolorem magni minus </a>
<a href="single.html">how to tutomolestias at temporibus dolorem magni minus rials</a>
<a href="single.html">Somcoders blog</a>
<a href="single.html">Programminrogramming molestias at temporibus do</a>
<a href="single.html">Web designrogramming molestias at temporibus do</a>
<a href="single.html">how to tutorials</a>
<a href="single.html">Somcoders blogrogramming molestias at temporibus do</a>
</div>
</aside>
</main>
<footer class="footer">
<h2>©copyright Somcoders Designed by Abdifatah Abdilahi</h2>
</footer>
</body>
<script>
function showMenu(){
var nav = document.getElementById("nav");
if(nav.className === "navbar" ){
nav.className += " responsive";
}else{
nav.className = "navbar";
}
}
</script>
</htm>