Project aims to create Bootstrap_WebPage within html and css.
Project Name | Libraries and Technologies I use | How does my project look |
---|---|---|
Project | Html Css Bootstrap |
- You should create a nice project with the bootstrap_Project you just learned.
- Figma
Bootstrap_Project(folder)
|----img
|----lib
|----readme.md
|----index.html
|----style.css
Functionally create a Bootstrap_Project as in the image above
-
HTML Navbar,banner, services
-
HTML Portfolio, about us, team, contact
-
CSS Colors-Border Properties
-
CSS Bootstrap-Margins-Padding-fluid
-
CSS Properties for Texts-Font "Lato", sans-serif;
-
improve coding skills within HTML & CSS
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1: Download or clone project repo on Github
-
Step 2: Create project folder for local public repo on your pc
-
Step 3: Create Bootstrap_Project
Part-1 HTML Structure
- Creat structure of the HTML5
- Give name of your project (title)
- Create the main structure of the container (div id="container")
- Create Main Topic of the project (id="title")
- Create a description of your project (id="description")
- Create a form (id="Bootstrap_Project")
Part-2 CSS Structure - Set a background and define font-color="white" - Set container background color and margin - Define "title" and "description" color-size-padding etc... - Define "Bootstrap_Project" color-size-padding etc.. - Define labels color-size-padding etc... - Set class color-size-padding-margin etc... - Define id="submit" color-size-padding etc...
-
Step 4: Push your application into your own public repo on Github
-
Step 5: Deploy your application on Github template to showcase your app within your team.
- You can use HTML,and CSS to complete this project.