-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.html
113 lines (109 loc) · 6.02 KB
/
courses.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="zh-Hang-TW">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1">
<meta name="author" content="Jo Yun, 若昀">
<link rel="shortcut icon" href="https://www.hexschool.com/favicon.ico">
<meta name='description' content='六角學院，評價最好的線上前端課程，讓專業細心的助教群為您一行一行檢視程式碼，打造最客製化的學習資源。' />
<meta name='keywords' content='六角學院, 前端, 工程師, 課程, 前端設計, 六角' />
<meta property="og:title" content="六角學院｜從無到有學會網頁設計" />
<meta property="og:description" content="六角學院，評價最好的線上前端課程，讓專業細心的助教群為您一行一行檢視程式碼，打造最客製化的學習資源。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="index.html" />
<meta property="og:image" content="images/header_mobile.png" />
<meta name="twitter:url" content="index.html">
<meta name="twitter:title" content="六角學院｜從無到有學會網頁設計">
<meta name="twitter:description" content="六角學院，評價最好的線上前端課程，讓專業細心的助教群為您一行一行檢視程式碼，打造最客製化的學習資源。">
<meta name="twitter:image" content="images/header_mobile.png">
<link rel="stylesheet" href="sass/all.css">
<title>六角學院｜從無到有學會網頁設計</title>
</head>
<body>
<div class="wrap">
<div class="header px-sm">
<h1><a href="index.html">六角學院 hex school</a></h1>
<ul class="menu">
<li><a href="index.html">首頁</a></li>
<li><a href="courses.html">課程</a></li>
<li><a href="questions.html">問答</a></li>
</ul>
<a href="#" class="showmenu"><i class="fas fa-bars"></i></a>
</div>
<div class="banner courses-banner px-sm mb-lg">
<h2>HTML、CSS 開發網站</h2>
<h3 class="main-color">從無到有學會網頁設計</h3>
<a href="#">現在上課去 <i class="fas fa-arrow-right"></i></a>
<div class="courses-banner-img">
<img src="images/html-courses.png" alt="html"><img src="images/css-courses.png" alt="css">
</div>
</div>
<div class="container">
<div class="teacher mb-lg">
<img src="images/teacher-courses.jpg" alt="廖洧杰老師頭像">
<h2><span class="main-color">廖洧杰</span><br>老師</h2>
<ul>
<li>高雄前端社群發起人</li>
<li>中華電信前端講師</li>
<li>高雄大學前端講師</li>
<li>十年實務經驗</li>
<li>授課時數超過一千小時</li>
</ul>
</div>
<div class="speciality mb-lg">
<div class="title mb-sm">
<h2 class="main-color">這堂課程有什麼特別的？</h2>
<h3>六角課程的四大優點</h3>
</div>
<ol>
<li>有能力排出具專業、語意化、美觀的網頁設計</li>
<li>課程結束後，會提供給你一個完整的網頁設計稿，當你實作出網頁後，就可以轉交六角學院的講師們進行程式碼審視，以確保你吸收的網頁排版觀念是正確的。</li>
<li>了解設計網頁的脈絡，你隨時可以在社群裡發問問題，我們永遠都會在這裡！</li>
<li>獲得持續更新的講義教材，終身複習不會脫離趨勢的現代化線上課程。</li>
</ol>
</div>
<div class="description mb-lg">
<div class="title mb-sm">
<h2><spa class="main-color">課程大綱</span></h2>
<h3>最紮實的學習內容編排</h3>
</div>
<ul>
<li>章節標題</li>
<li>網頁編輯器、HTML基礎教學</li>
<li>CSS 常用語法</li>
<li>使用CSS變更HTML標籤特性</li>
<li>網頁排版技巧 Part I</li>
<li>網頁排版技巧 Part II</li>
<li>切圖技巧</li>
<li>表格與表單設計技巧</li>
<li>CSS3技巧</li>
<li>最後，讓您的網頁變得更專業</li>
<li>課程作業</li>
</ul>
</div>
</div>
<div class="bg-secondary">
<div class="container">
<div class="hint-box">
<h2>心動不如馬上行動！<br>現在就成為我們的學生吧</h2>
<a href="index.html#register">馬上去註冊 <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="footer px-sm">
<div class="footer-logo">
<a href="index.html"><img src="images/footer-logo.png" alt="六角學院logo"></a>
<p>©2018 hexschool</p>
</div>
<ul class="media">
<li><a href="https://www.facebook.com/"><img src="images/facebook.png" alt="facebook"></a></li>
<li><a href="https://twitter.com/?lang=zh-tw"><img src="images/twitter.png" alt="twitter"></a></li>
<li><a href="https://www.instagram.com/"><img src="images/instagram.png" alt="instagram"></a></li>
</ul>
</div>
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/all.js"></script>
</body>
</html>