r41/courses.html · 约 3763 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>课程列表</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">学生端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭教育</span></div>
13 <h1>课程列表</h1>
14 <div class="sub">共 1,286 门课程</div>
15</div>
16<div class="search-bar"><input placeholder="搜索课程"><span class="mic">🔍</span></div>
17<div class="filters"><span class="f on">综合排序</span><span class="f">最新</span><span class="f">最热</span><span class="f">价格 ↑</span><span class="f">好评</span></div>
18<div style="padding:0 16px">
19 <a class="hcourse" href="buy.html" style="text-decoration:none;color:inherit;border-radius:16px 16px 0 0"><div class="hc" style="background:linear-gradient(135deg,#2563eb,#1e3a8a)">💻</div><div class="hi"><div class="t">前端工程师全栈实战训练营</div><div class="m">李老师 · 42 课时 · ⭐4.9 · 3,280 人</div><div class="b"><span class="price">¥199<span class="price-old">¥499</span></span><span class="tag ok">畅销</span></div></div></a>
20 <a class="hcourse" href="buy.html" style="text-decoration:none;color:inherit"><div class="hc" style="background:linear-gradient(135deg,#06b6d4,#0e7490)">🐍</div><div class="hi"><div class="t">Python 数据分析入门到实战</div><div class="m">张老师 · 36 课时 · ⭐4.8 · 6,120 人</div><div class="b"><span class="price">¥159</span><span class="tag blue">新课</span></div></div></a>
21 <a class="hcourse" href="buy.html" style="text-decoration:none;color:inherit"><div class="hc" style="background:linear-gradient(135deg,#7c3aed,#5b21b6)">🎨</div><div class="hi"><div class="t">UI 设计规范与组件库搭建</div><div class="m">王老师 · 24 课时 · ⭐4.7 · 2,050 人</div><div class="b"><span class="price">¥129</span><span class="tag gray">设计</span></div></div></a>
22 <a class="hcourse" href="buy.html" style="text-decoration:none;color:inherit"><div class="hc" style="background:linear-gradient(135deg,#10b981,#047857)">☕</div><div class="hi"><div class="t">Java 后端微服务架构精讲</div><div class="m">赵老师 · 56 课时 · ⭐4.9 · 5,240 人</div><div class="b"><span class="price">¥299</span><span class="tag ok">畅销</span></div></div></a>
23 <a class="hcourse" href="buy.html" style="text-decoration:none;color:inherit"><div class="hc" style="background:linear-gradient(135deg,#f59e0b,#b45309)">📊</div><div class="hi"><div class="t">零基础学理财与基金定投</div><div class="m">孙老师 · 28 课时 · ⭐4.6 · 8,600 人</div><div class="b"><span class="price">¥99</span><span class="tag wait">热报</span></div></div></a>
24 <a class="hcourse" href="buy.html" style="text-decoration:none;color:inherit;border-radius:0 0 16px 16px"><div class="hc" style="background:linear-gradient(135deg,#f43f5e,#be123c)">🗣️</div><div class="hi"><div class="t">商务英语口语强化 30 天</div><div class="m">周老师 · 30 课时 · ⭐4.8 · 4,410 人</div><div class="b"><span class="price">¥149</span><span class="tag violet">语言</span></div></div></a>
25</div>
26<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏠</span>首页</a><a class="nav-item active" href="courses.html"><span class="icon">📚</span>课程</a><a class="nav-item" href="video.html"><span class="icon">▶️</span>学习</a><a class="nav-item" href="notes.html"><span class="icon">📝</span>笔记</a></div><div class="safe-bottom"></div>
27</div>
28
29</body>
30</html>