Using-Bootstrap
所属分类:元宇宙
开发工具:HTML
文件大小:0KB
下载次数:0
上传日期:2020-10-08 12:23:41
上 传 者:
sh-1993
说明: 使用Bootstrap框架构建新闻网站Newsweek.com的副本。,
(Building a replica of the news site Newsweek.com using the Bootstrap framework.,)
文件列表:
.stickler.yml (384, 2020-10-08)
LICENSE (1061, 2020-10-08)
index.html (72836, 2020-10-08)
pics/ (0, 2020-10-08)
pics/bootstrap-mockup1.png (3116995, 2020-10-08)
pics/business/ (0, 2020-10-08)
pics/business/hbo-max.webp (7178, 2020-10-08)
pics/business/nike-kobe-bryant.webp (2812, 2020-10-08)
pics/business/receiver.webp (12984, 2020-10-08)
pics/business/tokyo-my-city-chizu-nakamoto.webp (3500, 2020-10-08)
pics/business/trump-china-trade-deal.webp (3500, 2020-10-08)
pics/culture/ (0, 2020-10-08)
pics/culture/birds-prey-review-embargo.webp (34690, 2020-10-08)
pics/culture/every-ridiculously-charming-brad-pitt-acceptance-speech-award-season.webp (1906, 2020-10-08)
pics/culture/hannah-ann-peter.webp (3292, 2020-10-08)
pics/culture/levi-plans-come-out-more-family-members-greys-anatomy-season-16.webp (6128, 2020-10-08)
pics/culture/star-trek-picard.webp (4184, 2020-10-08)
pics/editor-pick/ (0, 2020-10-08)
pics/editor-pick/brazil-nut-tree.webp (35138, 2020-10-08)
pics/editor-pick/college-credit-tara-schuster-brown-university.webp (6836, 2020-10-08)
pics/editor-pick/elizabeth-warren.webp (6508, 2020-10-08)
pics/editor-pick/flying-fox.webp (5080, 2020-10-08)
pics/editor-pick/great-white-shark-false-bay.webp (16500, 2020-10-08)
pics/editor-pick/milky-ways-galactic-centre.webp (8932, 2020-10-08)
pics/editor-pick/smartphone-stock-photo.webp (10098, 2020-10-08)
pics/editor-pick/talk-show-host-laura-ingraham.webp (7276, 2020-10-08)
pics/featured-slides/ (0, 2020-10-08)
pics/featured-slides/2018-cup-collection.webp (12528, 2020-10-08)
pics/featured-slides/eyjafjallajokull-iceland.webp (15680, 2020-10-08)
pics/featured-slides/first-wives-club-pumpkin.webp (9212, 2020-10-08)
pics/featured-slides/holiday-cups-starbucks.webp (16452, 2020-10-08)
pics/featured-slides/lipschutz-living-room-hotel-chelsea.webp (27500, 2020-10-08)
pics/featured-slides/tozeur-tunisia.webp (13390, 2020-10-08)
pics/footer-news-sub/ (0, 2020-10-08)
pics/footer-news-sub/february-14-2020-cover.jpg (27522, 2020-10-08)
pics/footer-news-sub/february-7-2020-cover.jpg (34498, 2020-10-08)
pics/footer-news-sub/starting5-homepage.png (94441, 2020-10-08)
pics/latest-news/ (0, 2020-10-08)
pics/latest-news/amazon.webp (13158, 2020-10-08)
... ...
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
![Hireable](https://github.com/pics/readme/yes.svg)
Using Bootstrap
This project is part of the Microverse CSS3 and HTML curriculum!
Explore the docs
View Demo
·
Report Bug
·
Request Feature
## Table of Contents
* [About the Project](https://github.com#about-the-project)
* [Built With](https://github.com#built-with)
* [Live Version](https://github.com#live-version)
* [Contact](https://github.com#contact)
* [Acknowledgements](https://github.com#acknowledgements)
## About The Project
[![Product Name Screen Shot][product-screenshot]](https://github.compics/readme/screenshot.png)
This project is trying to replicate as much as possible the [NewsWeek.com](https://github.comhttps://www.newsweek.com/) page.
Here are the objectives for this project:
* Use as many Bootstrap classes as possible to re create this website
* Bootstrap has classes almost for everything: background, font-weight, color, position, display, grid (rows and cols), margin padding, height etc..
* I had to use a few clases only for the specifics: colors, font-family and also for hovering the elements.
This is also part of the [Odin](https://github.comhttps://www.theodinproject.com/courses/html5-and-css3/lessons/using-bootstrap) project curriculum
### Built With
This project was built using these technologies.
* Bootstrap
* HTML
* CSS3
* Stickler
* Atom :atom:
## Usage
If you want to use it locally [download](https://github.comhttps://github.com/rammazzoti2000/Using-Bootstrap/archive/master.zip) or clone the repo with the following command on a linux terminal:
```git clone https://github.com/rammazzoti2000/Using-Bootstrap.git```
cd to the projects directory and open the index.html in your browser
![screenshot](https://github.compics/bootstrap-mockup1.png)
## Live version
:point_right: [You can see it here](https://github.comhttps://rammazzoti2000.github.io/Using-Bootstrap/)
## Automated Test
> There are no Automated Test for this project yet
## Contact
Alexandru Bangau - twitter: [@alex_maxinova](https://github.comhttps://twitter.com/alex_maxinova) - github: [@ramamzzoti2000](https://github.comhttps://github.com/rammazzoti2000) - gmail: bangau.alexandru@gmail.com
## Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](https://github.comhttps://github.com/rammazzoti2000/Using-Bootstrap/issues).
## Show your support
Give a :star: if you like this project!
## Acknowledgements
* [Microverse](https://github.comhttps://www.microverse.org/)
* [The Odin Project](https://github.comhttps://www.theodinproject.com/)
* [HTML Cheat Sheet](https://github.comhttps://htmlcheatsheet.com/js/)
* [Bootstrap Documentation](https://github.comhttps://getbootstrap.com/docs/4.3/getting-started/introduction/)
[contributors-shield]: https://img.shields.io/github/contributors/rammazzoti2000/Using-Bootstrap.svg?style=flat-square
[contributors-url]: https://github.com/rammazzoti2000/Using-Bootstrap/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/rammazzoti2000/Using-Bootstrap.svg?style=flat-square
[forks-url]: https://github.com/rammazzoti2000/Using-Bootstrap/network/members
[stars-shield]: https://img.shields.io/github/stars/rammazzoti2000/Using-Bootstrap.svg?style=flat-square
[stars-url]: https://github.com/rammazzoti2000/Using-Bootstrap/stargazers
[issues-shield]: https://img.shields.io/github/issues/rammazzoti2000/Using-Bootstrap.svg?style=flat-square
[issues-url]: https://github.com/rammazzoti2000/Using-Bootstrap/issues
[product-screenshot]: /pics/readme/screenshot.png
近期下载者:
相关文件:
收藏者: