Giter VIP home page Giter VIP logo

milestone_1-7's Introduction

Radu Cojan Presentation Website

Milestone 1 - User-Centric Frontend Development - Code Institute

Single page website using bootstrap

Demo

Live Demo: here.

###UX Minimalist design, showcasing the projects i've done so far with Code Institute and the possibility to download a CV pdf file.

Technologies

  1. HTML
  2. CSS
  3. Bootstrap

Features

Navbar will adjust to 3 different screen sizes, it includes scrollspy (buggy) and a custom script to auto-close it when not shown as collapsed

Features Left to Implement

I would like the page scroll to be horizontal on smaller devices instead of vertical

Testing

<<<<<<< HEAD

Horizontal Vertical Device - size
test test Galaxy S5 - 640x360
test test Pixel 2 - 731x411
test test Pixel 2XL - 823x411
test test iPhone5/SE - 568x320
test test iPhone 6/7/8 - 667x375
test test iPhone 6/7/8/Plus - 736x414
test test iPhoneX - 812x375
test test iPad - 768x1024
test test Kindle Fire HDX - 1280x800
test test iPadPro - 1366x1024
test none Desktop Wide - 3440x1440

Deployment

Github pages

Credits

Media

main image manipulated from https://pixabay.com/vectors/development-web-design-graphic-4536630

Acknowledgements

used autoprefixer https://autoprefixer.github.io

used favicon generator https://favicon.io/favicon-generator/?t=RC&ff=Archivo+Black&fs=80&fc=%23FFFFFF&b=rounded&bc=%23209CEE

used html and css validators https://validator.w3.org/

fix for collapsing bootstrap menu https://stackoverflow.com/questions/42401606/how-to-hide-collapsible-bootstrap-4-navbar-on-click

milestone_1-7's People

Contributors

cojanradu avatar

Watchers

 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.