Code Monkey home page Code Monkey logo

explorer-bonus-challenge-2's Introduction

#explore-bonus-challenge-2

Project Overview

Welcome to "#explore-bonus-challenge-2" โ€“ my personal endeavor in the Web Layout Recreation Challenge. This project is a testament to minimalist yet effective web development, focusing on using core web technologies.

The challenge was to recreate a web layout provided in a Figma design, using only semantic HTML and Flexbox CSS. No frameworks were employed in this endeavor, highlighting a back-to-basics approach in web design and development.

This project not only demonstrates my skills in accurately translating designs into functional web layouts but also underscores the importance of understanding fundamental web technologies.

Design Reference

The layout was replicated from a design provided on Figma. You can view the original design here.

Project Structure

The repository is organized into the following files and folders:

  • index.html: The main HTML file.
  • style.css: The CSS file used for styling the web layout.
  • /images: A folder containing all the images used in the project, including project.png which is a snapshot of the final layout.

Preview

Below is a preview of the completed web layout:

Project Preview

Getting Started

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

  1. Clone the repo
    git clone https://github.com/giovannivicentin/explore-bonus-challenge-2.git
  2. Navigate to the project directory
  3. Open index.html in your browser to view the project.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

License

Distributed under the MIT License. See LICENSE for more information.

explorer-bonus-challenge-2's People

Contributors

giovannivicentin 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.