在读软件专业大学生，对前端技术充满热情。擅长WEB页面开发，正在通过自己的不断学习，努力成为前端领域的大咖

我是小胜呀

windy

Scott

欢喜

1024Code

Danny

PAIDAXING

小鑫同学

阿朱

daylight

叶书池

dfqy

旗开得胜

格陵兰船长

蒟蒻

## 项目说明
本项目是由HTML、CSS编写的网页，主要在于锻炼自己的布局能力。 网页除了开头的轮播图组件用了bootstarp，其余部分均为手写 css 样式。在编写css的过程中用到了grid布局、flex布局等常用布局方式，并且能通过使用浏览器开发者工具和配合 VisBug 进行页面布局调整。由此加深了我对网页布局的理解和开发者工具的熟悉程度。

因为没有做屏幕适配，所以只有在电脑上才能获得最佳的显示效果

## 项目效果图
![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc5c6.png#crop=0&crop=0&crop=1&crop=1&id=Zbmpm&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=) ![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc5f9.png#crop=0&crop=0&crop=1&crop=1&id=kY3WJ&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=) ![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc652.png#crop=0&crop=0&crop=1&crop=1&id=ZAUoT&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=) ![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc699.png#crop=0&crop=0&crop=1&crop=1&id=jklXU&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=) ![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc6ef.png#crop=0&crop=0&crop=1&crop=1&id=yG4oj&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=) ![](https://pic.imgdb.cn/item/6398943ab1fccdcd36cca805.png#crop=0&crop=0&crop=1&crop=1&id=vARlp&originHeight=574&originWidth=1806&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)

萌宠之家

前端使用HTML、CSS、Javascript
后端使用Node.js
数据库使用 sqlite

萌宠之家V1.0

YouTube前端首页模仿

使用 LocalStorage 实现的Js选课页面( 已完成登录、注册、选课功能 )

bootstrap选课页面

使用python进行开发的1024code数据大屏

1024Dashboard

基于Bootstrap框架编写的移动端页面（包含开发文档📄，欢迎fork学习🎉）

👋自我介绍

📚正在学习

🤯开发环境

✨代码分享平台及联系方式

🐣个人作品