🚀 DevMark Agency Landing Page

Modern responsive landing page built with Jekyll, focused on clean design, modular architecture, and lead generation.

---

🌐 Live Demo

👉 https://makerting-page.vercel.app

---

📌 Overview

This project is a marketing agency landing page designed to demonstrate modern front-end practices using Jekyll.

It focuses on:

• Clean UI design
• Modular architecture using includes
• Scalable SCSS structure
• Mobile-first responsive layout

---

🛠️ Tech Stack

• Jekyll – Static site generator
• Liquid – Templating engine
• SCSS (Sass) – Modular styling
• HTML5 & CSS3 – Semantic and responsive layout
• Vercel / GitHub Pages – Deployment

---

📂 Project Structure

.
├── _layouts        # Layout templates
├── _includes       # Reusable components (header, hero, etc.)
├── _sass           # SCSS partials
├── assets
│   ├── css         # Main stylesheet
│   └── images      # Image assets
├── index.html      # Entry point
├── _config.yml     # Jekyll configuration

---

✨ Features

• ✅ Responsive hero section
• ✅ Reusable components (header, features, services)
• ✅ Clean and modern UI
• ✅ Mobile-first design approach
• ✅ Easy to extend and maintain

---

🚀 Getting Started

1. Install dependencies

bundle install

2. Run locally

bundle exec jekyll serve

3. Open in browser

http://127.0.0.1:4000/

---

📦 Deployment

This project can be deployed using:

• Vercel (custom Jekyll build configuration)
• GitHub Pages (native Jekyll support)

---

🧠 What I Learned

• Structuring scalable layouts with Jekyll
• Creating reusable components with Liquid includes
• Organizing SCSS using partials
• Building responsive, mobile-first UI
• Deploying static sites using modern platforms

---