Skip to content

Fix category #39

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Fix category #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
530f443
added files
spriha1301 Jan 23, 2024
1ea6690
added post-highlight section1
spriha1301 Jan 23, 2024
fd41242
added post-highlight section
spriha1301 Jan 23, 2024
a29c1da
added post-highlight section
spriha1301 Jan 23, 2024
7c3b898
added fix category
spriha1301 Jan 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
309 changes: 309 additions & 0 deletions blogs/01/category.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,309 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles1/common.css">
<link rel="stylesheet" href="styles1/header.css">
<link rel="stylesheet" href="styles1/category.css">
<link rel="stylesheet" href="styles/recent posts.css">
<link rel="stylesheet" href="styles/footer.css">







<title>Mini Blog</title>
</head>
<body>
<header>
<nav class="header">
<h3>Mini Blog</h3>

<div class="slide">
<input type="checkbox" class="toogle-menu">
<div class="hamburger"></div>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#politics">Politics</a></li>
<li><a href="#"tech>Tech</a></li>
<li><a href="#entertainment">Entertainment</a></li>
<li><a href="#travel">Travel</a></li>
<li><a href="#sports">Sports</a></li>
<li><a href="#"><img src="img/MagnifyingGlass.svg" alt=""></a></li>
</ul>
</div>
</nav>
</header>
<section id="category">
<div class="container">
<div class="row">
<div class="column-1">
<span>Category</span>
<h3>Sports</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br>
Aliquam error eius quo,</br> officiis non maxime quos reiciendis perferendis doloremque maiores!</p>
</div>
</div>
</div>
</section>



<section id="recentposts">
<div class="post">
<div class="section">

<div class="recent1">
<div class="post1">

<div class="grid">
<span>POLITICS</span>

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>POLITICS</span>
<h2><a> The magically removes moving objects from videos.</a></h2>

<span> july20,2020</span>
</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>

<div class="post2">

<div class="grid">
<span>NATURE</span>

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>NATURE</span>
<h2><a> The magically removes moving objects from videos.</a></h2>
<span By <a href=" ">Carrol Atkinson</a></span>
<span> july20,2020</span>
</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post3">

<div class="grid">
<span>TRAVEL</span>

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>TRAVEL</span>
<h2><a> The magically removes moving objects from videos.</a></h2>

<span By <a href=" ">Carrol Atkinson</a></span>
<span> july20,2020</span>
</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post4">
<div class="grid">

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>POLITICS</span>
<h2><a> The magically removes moving objects from videos.</a></h2>

<span By <a href=" ">Carrol Atkinson</a></span>
<span> july20,2020</span>
</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post5">

<div class="grid">

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>NATURE</span>
<h2><a> The magically removes moving objects from videos.</a></h2>
<span By <a href=" ">Carrol Atkinson</a></span>
<span> july20,2020</span>
</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post6">

<div class="grid">

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>SPORTS</span>
<h2><a> The magically removes moving objects from videos.</a></h2>

<span By <a href=" ">Carrol Atkinson</a></span>
<span> july20,2020</span>
</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post7">

<div class="grid">

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>NATURE</span>
<h2><a> The magically removes moving objects from videos.</a></h2>


<span> By Carrol Atkinson july20,2020</span>

</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post8">

<div class="grid">

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>SPORTS TECH</span>
<h2><a> The magically removes moving objects from videos.</a></h2>

<span> By carrol atkinson july20,2020</span>


</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>
<div class="post9">

<div class="grid">

<div class="img">
<img src="https://placehold.co/370x250"/>
<span>SPORTS</span>
<span clas"snd">LIFESTYLE</span>
<h2><a> The magically removes moving objects from videos.</a></h2>

<span>By Carrol Atkinson july20,2020</span>


</div>
<p class ="article"> llko kejrw oerw kerowke,oweh qwoq lofji ldlkwo ewqwk ,iusqwuhs irfhe okw lwdqo ncjs.podo lorehdd kjdq euhb kjknfs
djwdw yejw kfw tjgfdj offgeo ofwn ,ifwej rw ekrwje jkjdwke teirrn !Qfrf glepk potrpr kgeklkfk id.</p>
<p><a href="">Read More</a></p>
</div>


</div>


</div>
<div class="sports">
<div class="subscribe">
<span>1</span>
<a href=" ">2</a>
<a href=" ">3</a>
<a href=" ">4</a>
<span>...</span>
<a href=" ">15</a>
</div>
</div>





</div>
</div>
</section>





<footer>
<div class="footer">
<div class="container">
<div>
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Placeat reprehenderit magnam deleniti quasi saepe, consequatur atque sequi delectus dolore veritatis obcaecati quae, repellat eveniet omnis, voluptatem in. Soluta, eligendi, architecto.</p>
</div>
<div>
<ul>
<li><a href="#About">About Us</a></li>
<li><a href="#Advertise">Advertise</a></li>
<li><a href="#Careers">Careers</a></li>
<li><a href="#Subscribe">Subscribes</a></li>
</ul>
<ul>
<li><a href="#Travel">Travel</a></li>
<li><a href="Lifestyle">Lifestyle</a></li>
<li><a href="#Sports">Sports</a></li>
<li><a href="#Nature">Nature</a></li>
</ul>
</div>
<div>
<h3>Connect With Us</h3>
<div>
<a href="#Facebook"><img src="img/facebook.png"/></a>
<a href="#Twitter"><img src="img/twitter.png"/></a>
<a href="#Instagram"><img src="img/instagram.png"/></a>
<a href="#Wifi"><img src="img/wifi.png"/></a>
<a href="#Email"><img src="img/gmail.png"/></a>
</div>
</div>
</div>

<div>
<p>Copyright © 2024 All rights reserved | This template is made with by<a href="">Spriha</a>
</div>
</div>
</footer>









</body>
</html>
Loading