Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/benmukebo/cloudflare-website
- Owner: BenMukebo
- Created: 2021-09-06T09:03:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-19T10:06:00.000Z (about 2 years ago)
- Last Synced: 2024-12-27T07:51:31.587Z (15 days ago)
- Topics: css, html, javascript
- Language: CSS
- Homepage: https://cloudflare-tech.netlify.app/
- Size: 14.3 MB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
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.