Giter Site home page Giter Site logo

interview's Introduction

Bootstrap Portfolio

Aim of this project is to recreate custom written portfolio from previouse week challange as part of bootcamp requirement. Site was building implementing HTML, CSS Flex and Grid.

alt text

alt text

alt text

Can be viewed here: Live page: https://zakaria1986.github.io/portfolio/ Github repo: https://github.com/Zakaria1986/portfolio/blob/main/README.md

This project is developed using the following front-end lanauges:

- HTML
- CSS
    - Flex
    - Grid
- Bootstrap 

alt text

Project name: Bootstrap-Portfolio

  • File and folder structure:

    • a index.html .

    • a css folder containing css file: style.css.

-  An `images` folder which hold images used on the site. 

This is on page landing site, therefore, on the website you would find total of 5 section:

  • Header and nav section, which you can navigate the website by click to
  • your desired section of the page.
  • About me section, which would find bit about my experience
  • Project work section of the of the page presents you with my development
  • A bried explanation of project and expereinces with html and css
  • Contact section of the page, which can used to get in touch with should mywork interest you.
  • Lastly footer section which which links my social platforms

Technical description of the project:

This site is a showcase of Bootstrap a CSS library used for ease of designing front-end web app building that inlcudes

HTML and use of HTML sementics
Maintain the same best practic of web accesibility and usablity of modern web technology
and best practice of CSS using latest CSS technologyes whilte minising the use of media query and custome coding and using more bootstrap library. 

While Flex and grid is used to achive the dynamic lyout and responsive web side, however using bootstrap we have achieved the responsiness in this project with minimal coding. 

Thank you for reading and enjoy browsing!

interview's People

Contributors

jordanworner avatar tgetgood13 avatar zakaria1986 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.