Powered by

Website Link

datamediakreasi.netlify.app · sanhendrindp.site

List of Contents

• Introduction
• Website Display
• Design Concept
• Website Feature
• External Library
• Custom Domain Setting
• Lighthouse Score

Introduction

In this project assignment, I created a company profile website which is based on a real company where I used to work before. This website created by only using HTML5, CSS, Vanilla Javascript, and with some help by using external library such as Font Awesome for icon purpose.

Website Display

On Laptop or larger view

On Mobile

Design Concept / Structure

Website Feature

Loading screen

Hamburger button

Popup gallery

Contact form with send to email accout

External Library

For external library, i use Font Awesome to helping me get access some beautiful icon for this website. To use Font awesome, simply just the provided CDN below.

<link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
      integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />

Custom Domain Setting

I used Cloudflare for the DNS management setting.

After that, simply used Netlify to add site based on custom domains that have been set via Cloudflare.

Lighthouse Score

On Desktop

On Mobile

---

🙏 Thanks