RSIF8 Roll no.49 Coding task no.28 Coding task topic:CNN Clone (Functional, Web-Based, 3 days). 📰💻 **Coding Task — CNN Clone (Functional, Web-Based)** 🚀 I completed a functional **news website clone project** inspired by modern online news platforms. The goal of this project was to understand how a professional news website is structured and how different pages, categories, articles, and navigation work together to create a smooth user experience. 🏠 **Homepage:** The website includes a clean homepage with featured news stories, headlines, images, and different news sections. Visitors can quickly explore the latest and most important stories from the main page. 🗂️ **News Categories:** The project includes multiple categories so users can easily navigate between different types of news, such as World, Technology, Sports, Business, Entertainment, and more. 📖 **Article Pages:** Each news story has its own article page containing the headline, image, article content, and additional information. This makes the website feel like a complete news platform rather than just a static homepage. 🔗 **Dynamic Navigation:** Navigation links are connected so users can move between the homepage, categories, and individual articles smoothly. The project focuses on making the website interactive and easy to explore. 💡 **What I Learned:** Through this project, I practiced website structure, HTML, CSS, JavaScript, responsive design, navigation, reusable components, and organizing content into different pages. It also helped me understand how real-world news websites can be planned and developed. The completed project is uploaded to GitHub along with a **README.md** file containing project information, features, and instructions. This project was a great opportunity to improve my web-development skills and learn how to build a functional, user-friendly news website from scratch. 🚀💻 #rehancodingwithai #CodingTask #CNNClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #Coding #Programming #WebDesign #FrontendDevelopment #ResponsiveDesign #NewsWebsite #LearningToCode #StudentProject #Tech #ComputerScience

RSIF8 Roll No:84 cording task no:4 Topic :cording Day:210 Developed a functional CNN-inspired news website with a dynamic homepage, organized news categories, and dedicated article pages. 🚀 The project focuses on creating a modern news-reading experience with easy navigation and a clean, responsive design. 📱💻 The project includes a dynamic homepage, multiple news categories, article pages, and interactive web features. The complete project is uploaded to GitHub with a detailed README.md file explaining the project and setup instructions. 🔥📚 This project is a great demonstration of web development, UI design, responsive layouts, and functional website development. 🌟👨‍💻 #CNNClone #WebDevelopment #FunctionalWebsite #NewsWebsite #HTML #CSS #JavaScript #FrontendDevelopment #WebDesign #GitHub #CodingProject #ResponsiveDesign #Programming #Developer #TechProject 📰💻🚀✨

RSIF8 Roll no:17 Coding task no:24 Topic:Coding Task — CNN Clone (Functional, Web-Based, 3 days). 💻 Description: Coding Task — CNN Clone 🌐📰 I am working on an exciting coding project: building a functional, web-based CNN Clone! 🚀 My goal is to create a news website inspired by CNN, with a clean design, news headlines, categories, images, and interactive features. 📰✨ This 3-day coding challenge will help me improve my web development, problem-solving, and coding skills. 💡👩‍💻 Learning by building is the best way to grow! 🔥 #️⃣ Hashtags: #CNNClone #CodingTask #WebDevelopment #CodingWithAI #RehanSchool #RehanAI #LearnToCode #HTML #CSS #JavaScript #Programming #AIandTechnology #3DayChallenge #FutureDeveloper 💻🚀 Emojis: 💻 👩‍💻 🌐 📰 🚀 💡 🎯 🔥 📚 ✨

RSIF8 Roll NO:92 Coding Task NO:21 Topic:**Coding Task — CNN Clone (Functional, Web-Based, 3 Days)** I created a professional, functional, web-based CNN-style news website as part of my coding assignment. This project features a modern design, breaking news section, categorized news articles, a search bar, article details, bookmarks, and dark mode. The website is designed to provide a smooth and user-friendly experience on desktop, tablet, and mobile devices. This project helped me improve my web development skills, practice interactive features, and understand how professional news websites are structured. **Learning Outcome:** Improved my knowledge of web design, coding, responsive layouts, and functional website development. #CNNClone #CodingTask #WebDevelopment #HTML #CSS #JavaScript #ResponsiveDesign #FrontendDevelopment #CodingSkills #LearningByDoing#AdnanHaider

RSIF8 Roll no 43 Coding post 23 Coding Topic : CNN Clone – Responsive News Homepage I built a **CNN-inspired News Homepage** using **HTML5 and CSS3** to strengthen my front-end web development skills. This project recreates the clean and modern layout of a professional news website, featuring a breaking news ticker, navigation menu, hero section, featured news cards, and categorized content. ### ✨ Features * 📰 Breaking News Banner * 🌍 Responsive Navigation Bar * 🏆 Hero News Section * 📱 Clean & Modern UI * 🎨 CSS Flexbox & Grid Layout * ⚡ Fast and Lightweight Design * 💻 Built with HTML5 & CSS3 This project helped me practice responsive layouts, typography, spacing, color schemes, and real-world website design principles while recreating a professional news portal interface. I'm continuously improving my web development skills by building real-world UI clones and modern web applications. #WebDevelopment #HTML #CSS #Frontend #ResponsiveDesign #CNNClone #NewsWebsite #UIDesign #WebDesign #Programming #Coding #Developer #Learning #Portfolio #Tech #OpenToWork

RSIF8 ROLL NO 77 CODIND TASK NO 23 CODING TOPIC CNN CLONE (FUNCTIONAL) (WEB-BASED): Develop a functional CNN Clone, focusing on a dynamic homepage, news categories, and an article page. Upload your CNN Clone project to GitHub with a README.md file. 🚀📰 **CNN Clone – Functional Web Project!** 🌐💻 I developed a **functional CNN Clone** with a dynamic homepage, organized news categories, and dedicated article pages. 🗞️✨ The project focuses on creating a modern, responsive news website experience with easy navigation and engaging content. 🔥📱 The project has also been uploaded to **GitHub** with a complete `README.md` file for documentation. 💻🚀 #CNNClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #FrontendDevelopment #NewsWebsite #CodingProject #WebDesign #Programming #

RSIF 8 Roll no 93 Coding task no 24 Task topic: CNN Clone (Functional, Web-Based, 3 days). 📰💻 **Coding Task — CNN Clone (Functional, Web-Based)** 🚀 I completed a functional **news website clone project** inspired by modern online news platforms. The goal of this project was to understand how a professional news website is structured and how different pages, categories, articles, and navigation work together to create a smooth user experience. 🏠 **Homepage:** The website includes a clean homepage with featured news stories, headlines, images, and different news sections. Visitors can quickly explore the latest and most important stories from the main page. 🗂️ **News Categories:** The project includes multiple categories so users can easily navigate between different types of news, such as World, Technology, Sports, Business, Entertainment, and more. 📖 **Article Pages:** Each news story has its own article page containing the headline, image, article content, and additional information. This makes the website feel like a complete news platform rather than just a static homepage. 🔗 **Dynamic Navigation:** Navigation links are connected so users can move between the homepage, categories, and individual articles smoothly. The project focuses on making the website interactive and easy to explore. 💡 **What I Learned:** Through this project, I practiced website structure, HTML, CSS, JavaScript, responsive design, navigation, reusable components, and organizing content into different pages. It also helped me understand how real-world news websites can be planned and developed. 🐙 **GitHub:** The completed project is uploaded to GitHub along with a **README.md** file containing project information, features, and instructions. This project was a great opportunity to improve my web-development skills and learn how to build a functional, user-friendly news website from scratch. 🚀💻 #rehancodingwithai #CodingTask #CNNClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #Coding #Programming #WebDesign #FrontendDevelopment #ResponsiveDesign #NewsWebsite #LearningToCode #StudentProject #Tech #ComputerScience

RSIF8 ROLL NO 66 CODIND TASK NO 23 CODING TOPIC CNN CLONE (FUNCTIONAL) (WEB-BASED): Develop a functional CNN Clone, focusing on a dynamic homepage, news categories, and an article page. Upload your CNN Clone project to GitHub with a README.md file. 🚀📰 **CNN Clone – Functional Web Project!** 🌐💻 I developed a **functional CNN Clone** with a dynamic homepage, organized news categories, and dedicated article pages. 🗞️✨ The project focuses on creating a modern, responsive news website experience with easy navigation and engaging content. 🔥📱 The project has also been uploaded to **GitHub** with a complete `README.md` file for documentation. 💻🚀 #CNNClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #FrontendDevelopment #NewsWebsite #CodingProject #WebDesign #Programming #StudentProject 🚀📰💻✨

# CNN Clone (Functional) using Antigravity ### Description A fully functional CNN Clone developed using Antigravity. This project replicates the core features of a modern news platform, including news categories, featured headlines, article pages, search functionality, responsive layouts, and dynamic content management. The application focuses on delivering a professional news-reading experience with a clean interface and smooth navigation across all devices. ### Student Information 📖 Coding Book: 2 📋 Task: 3 🎓 Roll No: 71 ### Website Link http://rsmc71.rehanschool.us/CNN/login.php ### Hashtags #Antigravity #CNNClone #WebDevelopment #HTML #CSS #JavaScript #CodingBook2 #Task3 #RollNo71 #Programming #FrontendDevelopment #FullStackDevelopment #StudentProject #NewsWebsite #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #FunctionalProject #NewsPortal

# CNN Clone (Functional) using Gemini CLI ### Description A fully functional CNN Clone developed using Gemini CLI. This web-based news platform allows users to browse breaking news, explore multiple news categories, search articles, create accounts, log in securely, comment on articles, like content, and save news for later reading. The project features a modern newsroom interface, responsive design, dynamic content management, and an engaging user experience inspired by leading global news platforms. ### Student Information 📖 Coding Book: 2 📋 Task: 1 🎓 Roll No: 71 ### Website Link https://rsmc71.rehanschool.us/cnn_clone/ ### Hashtags #GeminiCLI #CNNClone #WebDevelopment #PHP #MySQL #HTML #CSS #JavaScript #CodingBook2 #Task1 #RollNo71 #Programming #FullStackDevelopment #StudentProject #CodeWithAI #TechEducation #NewsWebsite #ResponsiveDesign #ModernUI #FunctionalProject #DigitalNewsPlatform