MIL Midterm — Website

A multi-page website built for a Media and Information Literacy (MIL) midterm, using HTML, CSS, and JavaScript on the Bootstrap "DevFolio" template. It includes a home page, a portfolio/details page, a set of blog articles, and a working contact form.

Overview

The site presents MIL-related content across several pages in a clean, responsive layout. It's a front-end project demonstrating multi-page structure, responsive design, interactive components, and a PHP-backed contact form.

Pages

• index.html — home / landing
• portfolio-details.html — portfolio/detail page
• blog-single.html … blog-single9.html — blog articles
• forms/ — PHP contact-form handler

Built With

• HTML5, CSS3, JavaScript
• Bootstrap 5 + Bootstrap Icons (DevFolio template)
• PHP — email/contact form (php-email-form)
• JS libraries: Swiper, GLightbox, Typed.js, PureCounter

Getting Started

Static pages — just open index.html in a browser. For the contact form to send mail, serve over PHP:

git clone https://github.com/UnityGrave/MIL_Midterm.git
cd MIL_Midterm
php -S localhost:8000        # then open http://localhost:8000

Structure

index.html, portfolio-details.html, blog-single*.html
assets/
  css/  js/  img/
  vendor/  (bootstrap, bootstrap-icons, swiper, glightbox, typed.js, purecounter, php-email-form)
forms/    # PHP contact handler

Developed At

Media and Information Literacy subject project at iACADEMY (Senior High School).

License

See LICENSE.