Portfolio_Mobile_First

📱📙My first mock portfolio made with HTML, CSS and JavaScript functionalities. 2 possible layouts, mobile-first and desktop.

Stars
9

Table of Contents

Portfolio: Mobile First

Portfolio: Mobile First is my first aproach at responsive web development. Inside this project you will find a portfolio template cloned from scratch using everything i've learned so far in the Microverse program.

Here is a link to a video that better explains what this project is and what is for.

Built With

Tech Stack

Key Features

The key features of this project are:

  • Web responsive design with a "mobile first" aproach
  • Use of flexbox to replicate a template
  • An adaptive layout that responds to screen width

Features implemented

  • Functioning mobile version with a responsive layout
  • Desktop version (min 768px) working complete with animations

Live Demo

To see my Portfolio in action, simply check here

Getting Started

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

Prerequisites

In order to run this project you need only a web browser.

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/tomasesquivelgc/Portfolio_Mobile_First.git

Usage

To run the project, open the index.html file.

Authors

Toms Esquivel

Future Features

Future features of this project include:

  • [] About, projects and contact section.
  • [] NavBar Buttons working as intended
  • Links to Social media
  • An overlay menu for mobile.

Contributing

Contributions on this by:

  • William Ocor (GitHub: willococa)
  • Gardimy Charles (GitHub: Gardimy)
  • Luis Emilio Rojas (Github: lerfast)

And every code reviewer who took the time to help me improve

Show your support

If you like this project keep showing your support and interest in my web developer career!

Acknowledgments

I would like to thank the whole Microverse team, the support team and code reviewers for making my time here valuable!

License

This project is MIT licensed.