<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<link rel="stylesheet" href="style.css" />
<title>Rotating Navigation</title>
</head>
<body>
<div class="container">
<div class="circle-container">
<div class="circle">
<button id="close">
<i class="fas fa-times"></i>
</button>
<button id="open">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
<div class="content">
<h1>Amazing Article</h1>
<small>Florin Pop</small>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium quia in ratione dolores cupiditate, maxime aliquid impedit dolorem nam dolor omnis atque fuga labore modi veritatis porro laborum minus, illo, maiores recusandae cumque ipsa quos. Tenetur, consequuntur mollitia labore pariatur sunt quia harum aut. Eum maxime dolorem provident natus veritatis molestiae cumque quod voluptates ab non, tempore cupiditate? Voluptatem, molestias culpa. Corrupti, laudantium iure aliquam rerum sint nam quas dolor dignissimos in error placeat quae temporibus minus optio eum soluta cupiditate! Cupiditate saepe voluptates laudantium. Ducimus consequuntur perferendis consequatur nobis exercitationem molestias fugiat commodi omnis. Asperiores quia tenetur nemo ipsa.</p>
<h3>My Dog</h3>
<img src="https://images.unsplash.com/photo-1507146426996-ef05306b995a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80" alt="doggy" />
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit libero deleniti rerum quo, incidunt vel consequatur culpa ullam. Magnam facere earum unde harum. Ea culpa veritatis magnam at aliquid. Perferendis totam placeat molestias illo laudantium? Minus id minima doloribus dolorum fugit deserunt qui vero voluptas, ut quia cum amet temporibus veniam ad ea ab perspiciatis, enim accusamus asperiores explicabo provident. Voluptates sint, neque fuga cum illum, tempore autem maxime similique laborum odio, magnam esse. Aperiam?</p>
</div>
</div>
<nav>
<ul>
<li><i class="fas fa-home"></i><a href="#"> Home</a></li>
<li><i class="fas fa-user-alt"></i><a href="#"> About</a></li>
<li><i class="fas fa-envelope"></i><a href="#"> Contact</a></li>
</ul>
</nav>
<script src="script.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
主要包含项目名称: 扩展卡 进度步骤 旋转导航动画 隐藏的搜索小部件 模糊加载 滚动动画 拆分着陆页 形式波 音板 爸爸笑话 事件键码 常见问题解答 随机选择器 动画导航 递增计数器 喝水 电影应用 背景滑块 主题时钟 按钮涟漪效应 拖放 绘图应用程序 动能装载机 内容占位符 粘性导航栏 双垂直滑块 Toast 通知 Github 简介 双击心脏 自动文字效果 密码生成器 好便宜快 笔记应用程序 动画倒计时 图片轮播 气垫板 图鉴 移动标签导航 密码强度背景 3d 背景框 验证账户用户界面 实时用户过滤器 反馈用户界面设计 自定义范围滑块 Netflix 移动导航 测验应用程序 推荐盒切换器 随机图像馈送 所有列表 昆虫捕捉游戏
资源推荐
资源详情
资源评论
收起资源包目录
50 多个使用 HTML-CSS-JS 的迷你 Web 项目源码 (161个子文件)
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 2KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 1KB
style.css 980B
style.css 948B
style.css 946B
style.css 912B
style.css 908B
style.css 900B
style.css 837B
style.css 823B
style.css 793B
style.css 783B
dark-style.css 777B
style.css 659B
style.css 637B
style.css 632B
style.css 629B
style.css 589B
style.css 583B
style.css 492B
style.css 437B
style.css 313B
index.html 3KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 2KB
index.html 1KB
index.html 1KB
index.html 1KB
index.html 1KB
index.html 1KB
index.html 1KB
index.html 1KB
index.html 1KB
index.html 997B
index.html 919B
index.html 766B
index.html 753B
index.html 729B
index.html 728B
index.html 723B
index.html 707B
index.html 684B
index.html 682B
index.html 681B
index.html 658B
index.html 636B
index.html 592B
index.html 582B
index.html 577B
index.html 557B
index.html 505B
index.html 498B
index.html 492B
index.html 480B
index.html 474B
index.html 469B
index.html 415B
index.html 401B
index.html 387B
index.html 379B
index.html 355B
index.html 349B
共 161 条
- 1
- 2
资源评论
TD程序员
- 粉丝: 2417
- 资源: 437
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功