webbizleads/Portfolio

Designing a portfolio website using bootstrap, which makes the website up and running on several devices such as Mobile, Tablet, Personal Computers.

Project Title

Portfolio Website

Table of contents

• Getting Started
• Prerequisites
• Up and Running
• Directory Structure
• Project Description
• Build In
• Frameworks used
• Features
• Inspiration
• Status
• Authors
• License

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development purposes. Follow the Prerequisites need to run the code for furthur research.

Prerequisites

Softwares Needed

Download and Install VISUAL STUDIO CODE
https://code.visualstudio.com/download

Need Browser to run or debug our code

• Download and Install GOOGLE CHROME Browser

Knowledge

• Knowledge in HTML, CSS
• Knowledge in Bootstrap front-end responsive framework.

Knowledge Base

• HTML TUTORIAL - https://www.w3schools.com/html/
• CSS TUTORIAL - https://www.w3schools.com/css/
• Bootstrap TUTORIAL - https://getbootstrap.com/docs/4.1/components/

Up and Running

Website view

After Downloading Google chrome --> right click on index.html file in portfolio folder -> Open with option -> select Google Chrome -> view the website in the browser.

View project Files

After Downloading Visual Studio Code --> Open Visual Studio Code software -> Open Folder option -> select portfolio folder -> set up your workspace.

Directory structure

Portfolio project folder contains following sub-folders

css/

• css folder contains style.css custom stylesheet written in css.
• Bootstrap - Responsive front-end Framework used.
https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css

img/

• Contains set of image files used in the project.

js/

• Bootstrap - Responsive front-end Framework used.
https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js
• jQuery - Javascript Library.
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js

html

• index.html - contains HTML5 content.

Project Description

This project is based on creating a portfolio website using responsive front-end framework bootstrap, which makes the website to run and display on several displays such as mobile, tab, pc etc.

Build In

VS code Editor Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux and macOS.
Portfolio Website is developed in Visual Studio code software

Frameworks used

Bootstrap Framework Bootstrap is a free and open-source front-end responsive Web developement framework. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and components other components.

Features

• Slideshow of upcoming projects

Inspiration

Project inspiration from Udacity FrontEnd Developer Nanodegree Program.

Status

Project is in progress for new set of user interactivity.

Authors

Ranjith Kumar - [Portfolio Website] - (https://github.com/webbizleads/Portfolio)

License

This project is the open source license