Positivus
Positivus is a responsive landing page built using HTML, CSS, Bootstrap, and JavaScript, inspired by a design from the SMIT - Web Batch 12 Module 1 Figma file. This project demonstrates converting a Figma design into a fully functional, responsive webpage, ensuring smooth performance across all devices and browsers.
Install / Use
/learn @codewithshabbir/PositivusREADME
Positivus - Responsive Landing Page 🌐✨
This is a fully responsive landing page created based on the SMIT - Web Batch 12 Module 1 design on Figma. The project uses HTML, CSS, Bootstrap, and a little bit of JavaScript to deliver a smooth and interactive experience. It adapts seamlessly to different screen sizes, ensuring a great user experience across devices.
🚀 Live Demo
You can view the live demo of the landing page here:
Positivus Live
✨ Features
- Fully Responsive 📱: Works on all screen sizes, including desktops, tablets, and mobile devices.
- Clean and Modern Design 🎨: Based on the Figma design provided by SMIT.
- Interactive Elements 🖱️: A few JavaScript enhancements for smooth scrolling and animations.
- Bootstrap Integration 🛠️: Used for quick layout and responsive grid system.
- Cross-Browser Compatibility 🌍: Ensures consistent performance across different browsers.
🛠️ Technologies Used
- HTML5 - For the structure of the webpage
- CSS3 - For styling and layout
- Bootstrap 5 - For layout and responsive design
- JavaScript - For basic interactivity and smooth animations
📸 Image Credits
All images used in this template are sourced from free online resources. Since the exact sources are unknown, please ensure to use your own images or attribute them appropriately if you know their origins.
Screen Shot

🖥️ Installation
-
Clone the repository:
git clone https://github.com/codewithshabbir/Positivus.git -
Open the project folder:
cd Positivus -
Open
index.htmlin your browser to view the landing page.
📂 Folder Structure
.
├── assets
│ ├── fonts # Fonts used in the project
│ ├── css
│ │ └── style.css # Custom CSS styles
│ ├── js
│ │ └── script.js # JavaScript file for interactivity
│ └── images # All images used in the project
├── index.html # Main HTML file
└── README.md # Project documentation
👨💻 Author
Muhammad Shabbir
- 🐙 GitHub: codewithshabbir
- 💼 LinkedIn: Muhammad Shabbir
- ✨ CodePen: Muhammad Shabbir on CodePen
- 📸 Instagram: Muhammad Shabbir on Instagram
- 📧 Email: muhammadshabbir4589@gmail.com
🤝 Contributing
Feel free to fork the repository and submit a pull request. Contributions are always welcome! 💡
📜 License
This project is open-source and available under the MIT License.
🔥 Hashtags
#HTML #CSS #JavaScript #Bootstrap #ResponsiveDesign #FrontendDevelopment #WebDesign #WebDevelopment #LandingPage #CrossBrowserCompatibility #MobileFirstDesign #FigmaToHTML #WebsiteDeveloper #GitHubProjects #JavaScriptAnimations #UIUXDesign #WebTechnologies #SaylaniSMIT #CleanCode #OpenSource
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
