# demo-html-css

**Repository Path**: online_every_day/demo-html-css

## Basic Information

- **Project Name**: demo-html-css
- **Description**: 超好看的前端模板(学习用)
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-05-07
- **Last Updated**: 2021-09-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# <p align="center">学习专用网页设计[HTML+CSS]模板👋</p>

<p align="center">
	<a href="https://github.com/local-host-8080/demo-html-css">
		<img src="https://img.shields.io/badge/status-updating-brightgreen.svg">
	</a>
		<a href="https://996.icu/#/en_US">
		<img alt="996icu" src="https://img.shields.io/badge/link-996.icu-%23FF4D5B.svg">
	</a>
	<a href="https://github.com/996icu/996.ICU/blob/master/LICENSE">
		<img alt="996icu" src="https://img.shields.io/badge/license-Anti%20996-blue.svg">
	</a>
	<a href="https://opensource.org/licenses/mit-license.php">
		<img alt="MIT-License" src="https://badges.frapsoft.com/os/mit/mit.svg">
	</a>
</p>

## 📌简介说明：
*  `Demo` 收集自**互联网平台**，包括但不限于 *Youtube*、*bilibili* 等。
* 由于 `Demo` 过多，在线预览可能加载过慢，强烈建议你下载本项目到本地预览查看。
* 不同浏览器的兼容性不同，本仓库所有 `Demo` 在Chrome浏览器测试正常运行。

## 📌在线预览
> 建议你使用Chrome浏览器访问~
* [点击这里快速预览 **所有模板**](https://local-host-8080.github.io/demo-html-css/index.html)

> 打开后效果如下图~

<p align="center"><img src="img/start.png" alt="在线预览界面 | 如果你的浏览器不能正常显示此图片是因为你没有梯子"></p>

## 📌源码下载
* 需要源码的可以在 **`src`** 目录下自行下载对应的源码压缩包(.rar)。
* 你也可以 **`Clone or download`** 整个项目到本地运行查看。
* 小白直接点击这里下载整个项目源码--->[**下载**](https://github.com/local-host-8080/demo-html-css/archive/master.zip)

## 📌目录结构
> 项目大致的目录结构，相信大家都懂~

<p align="center"><img src="img/项目目录结构.png" alt="项目目录结构 | 如果你的浏览器不能正常显示此图片是因为你没有梯子"></p>

## 📌想一起打卡学习？
> 点击下方的传送门一起学习吧~
* [x] [【网页设计】基础控件](https://space.bilibili.com/32683063/channel/detail?cid=81226)
* [x] [【网页设计】炫酷特效](https://space.bilibili.com/32683063/channel/detail?cid=84356)

## 📌可能用到的类库
* [x] [【JQuery】](https://jquery.com/)
* [x] [【BootStrap】](https://getbootstrap.com/)
* [x] [【FontAwesome】](https://fontawesome.com/icons?d=gallery)
* [ ]  【…………】

## 📌联系我
> 快来关注我吧~
* [**我的主页**](https://space.bilibili.com/32683063)

<p align="center"><img src="img/AboutMe.jpg" alt="[末末爱折腾の二维码] | 如果你的浏览器不能正常显示此图片是因为你没有梯子"></p>

* 仓库代码为UP纯手敲学习，所以难免有错误，如果你有发现内容错误、无法加载、加载失败等问题，欢迎在相应的视频评论区留言或者私信我。

## ❤️SHOW YOUR SUPPORT
* **GIVE A ⭐️ IF THIS PROJECT HELPED YOU!**

<p align="center"><img src="img/end.gif" alt="The End | 如果你的浏览器不能正常显示此图片是因为你没有梯子"></p>

## 推广传播
> 人们都希望被别人需要 | 却往往事与愿违。
* 能够看到这里，我就已经很感激啦。不过如果你还想了解更多炫酷页面的话，那么你也可以看看我的其他仓库。

* [x] [【震惊不足，但精彩有余の告白|表白页面】](https://github.com/local-host-8080/love-confession)

***

* 最后送大家一碗鸡汤❤️

> 当你的才华还撑不起你的野心的时候，你就应该静下心来学习；<br/>
> 当你的能力还驾驭不了你的目标时，就应该沉下心来，历练；<br/>
> 梦想，不是浮躁，而是沉淀和积累，<br/>
> 只有拼出来的美丽，没有等出来的辉煌，<br/>
> 机会永远是留给最渴望的那个人，学会与内心深处的你对话，<br/>
> 问问自己，想要怎样的人生，静心学习，耐心沉淀，送给自己，也送给爱学习的你们。共勉。