This document summarizes a blog site project created by Ayon Thakur and two other team members. The blog site was built using HTML, CSS and JavaScript and is hosted at https://ayonthakur.github.io/blogsite/. It includes pages for Home, About, Gallery, Video, and Contact Us. Each page was developed responsively using elements like containers, sections, forms and includes features like navigation menus, buttons, slideshows powered by Lightbox and a video playlist built with JavaScript.

1. PROJECT
WEB
PROGRAMMING
BLOG SITE
HTTPS://AYONTHAKUR.GITHUB.IO/BLOGSITE/

2. Department
CSE
ID:CSE2201025075
Zubayar Hossain
Team Members
Department
CSE
ID:CSE2201025009
Ayon Debnath
Department
CSE
ID:CSE2201025070
Mustafizur Rahaman
Leader
https://github.com/ayonthakur/blogsite

3. • Home
• About
• Gallery
• Video
• Contact Us
Page
https://github.com/ayonthakur

4. Home Page
Button
• Menu Bar
• Button
• Container
• <nav> ....</nav>
• <div class=” ”>.. </div>

5. About Page
• <section>.....</section>
• <div class=” ”>.. </div>
• h1 ,h5
• Button
• Container
• Resposive

6. Gallery Page
• Container
• <div class=” ”>.. </div>
• <a href=" " data-lightbox=" "
data-title=" "> {hyperlink}
• Lightbox (slide-show) javascript
• Resposive

7. Video Page
• Container
• <video src=" " controls muted
autoplay></video>
• document.querySelectorAll(‘ ’)
• JavaScript ( Video playlist)
• 100% Resposive

8. Contact us Page
• h1
• <form>...</form>
• <input type="text" name=" "
placeholder="Enter your name">
• <textarea>....</textarea>
• Button

9. Thank
you