Skip to content

Commit

Permalink
Blog Page Added
Browse files Browse the repository at this point in the history
  • Loading branch information
@Archisman141
Archisman141 committed Oct 7, 2024
1 parent 9b2a880 commit 275150e
Show file tree
Hide file tree
Showing 18 changed files with 584 additions and 1 deletion.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
220 changes: 220 additions & 0 deletions Blog_page.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,220 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog Section</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./src/Styles/Style_Blog_page.css">
</head>
<body>

<header>
<nav class = "navbar">
<div class = "container">
<a href = "index.html" class = "navbar-brand">Creative Canvas</a>
<div class = "navbar-nav">
<a href = "">home</a>
<a href = "">design</a>
<a href = "">Create blog</a>
</div>
</div>
</nav>
<div class = "banner">
<div class = "container">
<h1 class = "banner-title">
<span>Creative</span> Canvas Blog
</h1>
<p>everything that you want to know about creativity</p>
<form>
<input type = "text" class = "search-input" placeholder="find your food . . .">
<button type = "submit" class = "search-btn">
<i class = "fas fa-search"></i>
</button>
</form>
</div>
</div>
</header>

<section class = "design" id = "design">
<div class = "container">
<div class = "title">
<h2>Recent Designs</h2>
<p>recent arts & designs blogs</p>
</div>

<div class = "design-content">

<div class = "design-item">
<div class = "design-img">
<img src = "/src/images/art-design-1.jpg" alt = "">
<span><i class = "far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
<div class = "design-title">
<a href = "#">make an awesome design portfolio for college or university</a>
</div>
</div>

<div class = "design-item">
<div class = "design-img">
<img src = "/src/images/art-design-2.jpg" alt = "">
<span><i class = "far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
<div class = "design-title">
<a href = "#">Enhance your creativity</a>
</div>
</div>

<div class = "design-item">
<div class = "design-img">
<img src = "/src/images/art-design-3.jpg" alt = "">
<span><i class = "far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
<div class = "design-title">
<a href = "#">Develop creative design and show the world</a>
</div>
</div>

<div class = "design-item">
<div class = "design-img">
<img src = "/src/images/art-design-4.jpg" alt = "">
<span><i class = "far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
<div class = "design-title">
<a href = "#">Think out of the box, enhance creativity</a>
</div>
</div>

<div class = "design-item">
<div class = "design-img">
<img src = "/src/images/art-design-5.jpg" alt = "">
<span><i class = "far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
<div class = "design-title">
<a href = "#">Document your work and stay motivated in process</a>
</div>
</div>

<div class = "design-item">
<div class = "design-img">
<img src = "/src/images/art-design-6.jpg" alt = "">
<span><i class = "far fa-heart"></i> 22</span>
<span>Creative Canvas</span>
</div>
<div class = "design-title">
<a href = "#">Show your work to others and teach them</a>
</div>
</div>

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

<section class = "blog" id = "blog">
<div class = "container">
<div class = "title">
<h2>Latest Blog</h2>
<p>recent blogs about art & design</p>
</div>
<div class = "blog-content">

<div class = "blog-item">
<div class = "blog-img">
<img src = "/src/images/blog-p-1.jpg" alt = "">
<span><i class = "far fa-heart"></i></span>
</div>
<div class = "blog-text">
<span>20 January, 2020</span>
<h2>Organizing the environment for productive work</h2>
<p>Organizing the work place is very much important as it gives you the motivation to work for longer duration.</p>
<a href = "#">Read More</a>
</div>
</div>

<div class = "blog-item">
<div class = "blog-img">
<img src = "/src/images/blog-p-2.jpg" alt = "">
<span><i class = "far fa-heart"></i></span>
</div>
<div class = "blog-text">
<span>05 October, 2024</span>
<h2>Enhancing Creativity by Drawing</h2>
<p>We can able to enhance our creativity only when we can able to visualize things properly and draw it.</p>
<a href = "#">Read More</a>
</div>
</div>

<div class = "blog-item">
<div class = "blog-img">
<img src = "/src/images/blog-p-3.jpg" alt = "">
<span><i class = "far fa-heart"></i></span>
</div>
<div class = "blog-text">
<span>05 October, 2024</span>
<h2>Organizing other household stuffs</h2>
<p>Beside work we also have to organize our other household item to make house neat and clean.</p>
<a href = "#">Read More</a>
</div>
</div>

<div class = "blog-item">
<div class = "blog-img">
<img src = "/src/images/blog-p-4.jpg" alt = "">
<span><i class = "far fa-heart"></i></span>
</div>
<div class = "blog-text">
<span>05 October, 2024</span>
<h2>Spreading greenery in house</h2>
<p>Green plants spread greenery and make us feel fresh during through the day.</p>
<a href = "#">Read More</a>
</div>
</div>

<div class = "blog-item">
<div class = "blog-img">
<img src = "/src/images/blog-p-5.jpg" alt = "">
<span><i class = "far fa-heart"></i></span>
</div>
<div class = "blog-text">
<span>05 October, 2024</span>
<h2>Organizing the bed</h2>
<p>This is a very good habit of organizing the bed after waking up.</p>
<a href = "#">Read More</a>
</div>
</div>

<div class = "blog-item">
<div class = "blog-img">
<img src = "/src/images/blog-p-6.jpg" alt = "">
<span><i class = "far fa-heart"></i></span>
</div>
<div class = "blog-text">
<span>05 October, 2024</span>
<h2>Exploring creative fields</h2>
<p>Art is something which helps us to be creative, so it's necessary to explore more and learn.</p>
<a href = "#">Read More</a>
</div>
</div>

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

<footer>
<div class = "social-links">
<a href = "#"><i class = "fab fa-facebook-f"></i></a>
<a href = "#"><i class = "fab fa-twitter"></i></a>
<a href = "#"><i class = "fab fa-instagram"></i></a>
<a href = "#"><i class = "fab fa-pinterest"></i></a>
</div>
<span>Creative Canvas Blog Page</span>
</footer>


</body>
</html>
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ <h1 class="display-4">Creative Canvas Tool</h1>
<a class="nav-link" href="#">Review</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
<a class="nav-link" href="Blog_page.html">Blog</a>
</li>
</ul>
</div>
Expand Down
Loading

0 comments on commit 275150e

Please sign in to comment.