Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/benmukebo/cloudflare-website

Cloudflare is a website for a software development company that builds custom digital products for forward-thinking enterprises and startups. Built with CSS, HTML, and Vanilla-JavaScript.
https://github.com/benmukebo/cloudflare-website

css html javascript

Last synced: 7 days ago
JSON representation

Cloudflare is a website for a software development company that builds custom digital products for forward-thinking enterprises and startups. Built with CSS, HTML, and Vanilla-JavaScript.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# CLOUDFLARE MERKLE TOWN

## Description
Cloudflare Merkle Town is a website for a software development company that builds custom digital products for forward-thinking enterprises and startups. it has more than 50+ experienced designers and JS developers on board, With the main office based in Warsaw (Poland), we also operate in different locations, including the United States and the United Kingdom.

- This is the page view:

> || mobile version | desktop version||
> |-|---------|----------|-|
> || ![Screenshot1](https://user-images.githubusercontent.com/79058364/132776404-1507920b-bf12-4e55-beb3-185f397bf6e9.png) | ![Screenshot2](https://user-images.githubusercontent.com/79058364/132776273-309ff1fd-c4ee-444c-969c-6f449d07b951.png) |

> Learning objectives:

- Use semantic HTML tags.
- Apply best practices in HTML code.
- Use CSS box model.
- Use CSS selectors correctly.
- Use Flexbox to place elements in the page.
- Demonstrate ability to create UIs adaptable to different screen - sizes using media queries.
- Use GitHub Pages to deploy web pages.
- Apply JavaScript best practices and language style guides in code.
- Use JavaScript to manipulate DOM elements.
- Use JavaScript events.
- Use objects to store and access data.
- Communicate technical concepts to other technical people.
- Build a the capstone project site.

## Built With

- HTML
- CSS (Flexbox & Grid)
- Java Script
- Git & GitHub

## Live Demo

[Live Demo Link](https://cloudflare-tech.netlify.app/)

## Loom Video

[Loom Video Link](https://www.loom.com/share/21006ba701894e098ef20806c352decf)

## Getting Started

To get a local copy for this project and running follow these simple example steps.

### Prerequisites

- You need to have git installed in your machine.
- A text editor or terminal
- A web browser to view output

### Setup

- To clone the repository run this command `git clone https://github.com/BenMukebo/Personal_Portfolio.git`

## Test

For tracking linter errors locally you need to follow these steps:

- After cloning the project you need to run this command
> npm install
`This command will download all the dependencies of the project`

- For tracking the linter errors in HTML file run:
> npx hint .

- For tracking the linter errors in CSS file run:
> npx stylelint "**/*.{css,scss}"

- And For tracking the linter errors in JavaScript file run:
> npx eslint .

## Author

👤 **Kasongo Mukebo Ben**

- [GitHub](https://github.com/BenMukebo)
- [Twitter](https://twitter.com/BenMukebo)
- [LinkedIn](https://www.linkedin.com/in/kasongo-mukebo-ben-591720205/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Design and inspiration by [Cindy Shin on Behance](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015).

- Hat tip to [Microvers](www.microverse.org) and all the staff
- Thanks to My coding Partners
- Thanks to My Morning-session-group and Standup-team Partners and
- Thanks to Code Reviewers

## 📝 License

This project is MIT licensed.