Giter Site home page Giter Site logo

ijayabby / thenextweb-clone Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 6.22 MB

This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.

CSS 24.78% HTML 75.22%
html5 css3 responsive-design responsive responsive-web-design media-queries

thenextweb-clone's Introduction

The Next Web Clone.

This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.Here we have the use of Grids , Flex and Float . In addition the use of media queries to make the site responsive comes to play.

screenshot-127 0 0 1_5500-2020 08 13-21_53_12

Additional description about the project and its features.

Built With

  • HTML5 & CSS3,
  • fontawesome for icons.

Live Demo

Live Demo Link

Getting Started

To get this project set up on your local machine, follow these simple steps:

  1. Open Terminal.

  2. Navigate to your desired location to download the contents of this repository.

  3. Copy and paste the following code into the Terminal:

    git clone https://github.com/IjayAbby/thenextweb-clone.git

  4. Hit enter.

  5. Run npm install in the terminal to get all the dependencies installed locally.

  6. Once the repository has been cloned, open main.html in a browser of your choice.

  7. The project can also be found at https://www.theodinproject.com/courses/html-and-css/lessons/building-with-responsive-design

  8. Enjoy!

Prerequisites

  • A computer, a smartphone, or another similar device.
  • Access to the internet.

Authors

๐Ÿ‘ค Abigael Nyangasi

๐Ÿ‘ค Rick Oburu

๐Ÿค Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • The Odin Project.
  • W3Schools. -thenextweb.com

๐Ÿ“ License

This project is MIT licensed.

thenextweb-clone's People

Contributors

ijayabby avatar rickcoyl avatar

Stargazers

German Renato Cobian avatar Chantelle Kyendereta avatar Gilbert Gotora avatar  avatar

Watchers

James Cloos avatar  avatar

thenextweb-clone's Issues

appolos 135 issue 10th august

-add some padding to the headline in picture
-gradient in showcase section doesn't have to be repeated
-there's no need for an extra css file for media queries, unusual practice

besides that nice job, keep up the good work!

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.