Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

124 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Certo Website πŸ”

A polished, responsive landing page for Certo mobile security products.

Project Overview ✨

This project is a static marketing website designed to present Certo's mobile privacy tools with a clean, conversion-focused experience. It uses semantic HTML, Bootstrap utilities, and a custom stylesheet to create a premium layout that works across mobile, tablet, and desktop screens.

The site is structured to guide visitors through the product story quickly:

  • A strong hero section with clear calls to action πŸš€
  • Social proof through reviews and featured press logos ⭐
  • A mission section that reinforces trust and product value πŸ’‘
  • Feature highlights presented in a readable card layout 🧩
  • Editorial insight cards for supporting content πŸ“°
  • A newsletter area and full footer for brand completeness πŸ“©

Key Features βš™οΈ

  • Responsive navigation with mobile and tablet-friendly behavior πŸ“±
  • Large visual hero section with primary and secondary CTAs 🎯
  • Review carousel-style strip for testimonial content πŸ—£οΈ
  • Featured-in brand bar for credibility πŸ†
  • Mobile security mission and product benefits sections πŸ›‘οΈ
  • Insight/article cards for educational content πŸ“š
  • Newsletter signup and structured footer βœ‰οΈ

Tech Stack πŸ› οΈ

  • HTML5
  • CSS3
  • Bootstrap 5 via CDN
  • Bootstrap Icons via CDN
  • Font Awesome via CDN
  • Google Fonts (DM Sans, Sora, Inter)

Responsive Design πŸ“

The layout is tuned for three main breakpoints:

  • Mobile: 360px width
  • Tablet: 768px width
  • Desktop: 1200px and above

Responsive behavior is implemented with Bootstrap grid classes and custom media queries in assets/css/style.css. The mobile experience emphasizes stacked content, clear tap targets, and an off-canvas navigation pattern.

Project Structure πŸ—‚οΈ

.
β”œβ”€ index.html
β”œβ”€ README.md
└─ assets/
   β”œβ”€ css/
   β”‚  └─ style.css
   └─ images/
      β”œβ”€ logo.png
      β”œβ”€ img126.jpg
      β”œβ”€ img138.jpg
      β”œβ”€ img160.jpg
      β”œβ”€ img168.jpg
      β”œβ”€ img198.jpg
      β”œβ”€ img216.jpg
      β”œβ”€ 1.png ... 6.png
      └─ t1.png ... t6.png

Notes πŸ“

  • This is a static front-end project with no build step.
  • All external libraries are loaded from CDNs.
  • The design is optimized for a premium, conversion-oriented presentation.

πŸ‘¨β€πŸ’» Developer

Abdul Rehman Ali

About

Premium fintech landing page built with HTML5, CSS3, and Bootstrap 5. Features mobile-first responsive design, off-canvas navigation, and optimized assets for maximum performance.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages