zainsadaqat / html-css-capstone Goto Github PK

View Code? Open in Web Editor NEW

Hello, My name is Zain Sadaqat and this is my first module's capstone project in microverse. In this project, I've used HTML, CSS, JS best practices and apply DRY principle. This project is all about cyber security seminar / conference.

SCSS 47.57% JavaScript 12.69% HTML 39.74%

html-css-capstone's Introduction

HTML CSS Capstone Project

Hello, My name is Zain Sadaqat and this is my HTML CSS JS Capstone project. This project is all about a webinar which is related to Cyber Security and going to held in 2021 and due to COVID it couldn't be held in last years. There're some well-known speakers who will be addressing in this webinar and going to talk about future trend and need of cyber security.

Desktop View

Mobile View

Live Project Link

Live Project Link

Built With

HTML5
- Semantic HTML
CSS3
- Flexbox
- Media Queries
Javascript
- DOM Manipulation
- DOM Events
Font Awesome Icons
Font Face
- Lato
- Cocogoose

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

You need a code editor ( VS Code Recommended ) and git installed on your machine.
In case if you don't have installed VS Code then you can download it from the link given below:
- https://code.visualstudio.com/download
In case if you don't have installed Git then you can download it from the link given below:
- https://git-scm.com/downloads

Setup

Go to Code and Copy the link
Go to Terminal and type "git clone paste-the-repository-link-that-you-copied"
cd project-name
run the index.html file in your favourite browser ( Google Chrome Recommended )
In case if you don't have installed Google Chrome then you can download it from the link given below: https://www.google.com/chrome/?brand=CHBD&brand=BNSD&gclid=Cj0KCQjwxdSHBhCdARIsAG6zhlVSZQMe6au8-9f-iIf_kn9aWEShW_wQ0xT5E02lc9jEzHOCdXcHCm8aAgNTEALw_wcB&gclsrc=aw.ds

Usage

Project will be open in Desktop view but if you want to check in the mobile view then press ctrl + shift + i or right click and select the inspect option and click the mobile icon available on left side of the chrome inspector tool and If you're using firefox it's available on right side.