DevConf 2026

DevConf 2026 is a simple conference landing page built with HTML and CSS. It is a frontend practice project that focuses on creating a clean, modern interface using Flexbox and CSS Grid.

The website includes a hero section, speaker cards, pricing plans, and a footer with social media links.

Features

• Clean and modern landing page
• Responsive navigation bar
• Hero section with background image
• Speaker showcase
• Pricing section with three plans
• Footer with contact information and social links
• Built using only HTML and CSS

Technologies Used

• HTML5
• CSS3
• Flexbox
• CSS Grid

Folder Structure

DevConf-2026/
│── index.html
│── style.css
│── README.md
│
└── assets/
    ├── banner.jpg
    ├── logo.png
    ├── footer-logo.png
    ├── andrej.png
    ├── demis.png
    ├── gary.png
    └── mustafa.png

Getting Started

Clone the repository:

git clone https://github.com/your-username/devconf-2026.git

Open the project folder and run the website by opening index.html in your browser.

What I Learned

While building this project, I practiced:

• Structuring webpages with semantic HTML
• Creating responsive layouts using Flexbox and Grid
• Styling components with CSS
• Working with background images and overlays
• Building reusable UI sections

Future Improvements

Some features I'd like to add in the future:

• Better responsiveness for mobile devices
• JavaScript for interactive elements
• Smooth scrolling navigation
• Registration form
• Conference schedule section
• FAQ section

Author

Abdullah Al Sayed

GitHub: https://github.com/dtech0

LinkedIn: https://www.linkedin.com/in/abdullah-al-sayed-75635b334/

License

This project is created for learning and portfolio purposes.