-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path0727main.html
107 lines (104 loc) · 6.24 KB
/
0727main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大學生體驗營S1 - 個人履歷 By王家偉</title>
<link rel="stylesheet" href="0727main.css">
</head>
<body>
<div class="container">
<div class="title">
<h1 data-aos="fade-down">Joanne<br>Chen</h1>
<img data-aos="fade-up" class="photo"src="https://hexschool.github.io/webLayoutTraining1st/week1/photo.png" alt="Joanne Chen" width="324px" height="324px">
<div data-aos="fade-right" class="profile">
<h2 class="header">個人資料 <span class="red">PROFILE</span></h2>
<br>
<p>
陳久安 Joanne Chen<br>1997-<br>
應屆畢業生／接案設計師／UI 設計實習生<br>
<br>UI 設計修行中／立志當斜槓青年<br>
獨立接案，內容涵蓋:<br>
品牌規劃、視覺設計、編輯設計、標準字、物件及印刷品設計等。
</p>
</div>
<div class="education">
<h2 data-aos="fade-down-left" class="header">學歷 <span class="red">EDUCATION</span></h2>
<p data-aos="fade-down-left">國立六角師範大學 視覺設計學系 學士學位｜2016—2020</p><br>
<p data-aos="fade-down-left">國立六角高級中學 美術班｜2013—2016</p>
<br>
<div data-aos="flip-left" class="skills">
<h3 class="whiteline">技能 SKILLS</h3>
<ul>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Adobe XD</li>
<li>Adobe Indesign</li>
<li>C4D</li>
<li>Adobe Premiere</li>
<li>語言:中文、英文</li>
</ul>
</div>
<div data-aos="zoom-in-up" class="work">
<h2 class="header">工作經驗 <span class="red">WORK EXPERIENCE</span></h2>
<div class="workex">
<h3 class="bold">六角學院 視覺設計實習生｜2019/07—2020/06</h3>
<img src="https://raw.githubusercontent.com/hexschool/webLayoutTraining1st/9abff06f0952894395796442b2d399e46ad98560/week1/Group%201.svg" alt="六角學院Logo">
<p>在六角學院長達一年的實習中，前期藉由公司課程掌握HTML, CSS, Adobe XD，設計給學員使用的名片設計教材，並參與六角周年活動，設計各式周邊商品及活動網路宣傳圖。後期進入 UI 設計範疇，設計六角共筆部落格－W3HexSchool、六角發案服務網介面設計、供給學員的教案－RWD官方網站設計，並設計各式網頁活動宣傳圖。</p>
<div class="WorkExperienceInnerBlock">
<br>
<h3>獨立接案 Hao Jun 酒標設計｜2019</h3><br>
<h3>獨立接案 Exulans 酒標設計｜2019</h3><br>
<h3>獨立接案 桃園平鎮市民健走活動提案｜2019</h3>
</div>
<br>
<h3>Simtree 興趣咖啡 工讀生｜2018—2019</h3>
<img src="https://github.com/hexschool/webLayoutTraining1st/blob/master/week1/simtree.png?raw=true" alt="SimtreeLogo">
<p>擔任外場及吧台服務生、學習咖啡相關知識。</p></li>
</div>
</div>
<div data-aos="zoom-out-up" class="contact">
<p class="header">聯絡方式 CONTACT METHOD</p>
<br>
<ul>
<li>Mail：[email protected]</li>
<li>Phone：0910123456</li>
<li>Kaohsiung, Taiwan</li>
<li>作品連結：<a href="https://www.behance.net/xxxdddddd" target="_blank">https://www.behance.net/xxxdddddd</a></li>
</ul>
<br>
<div>
<a href="#"><img src="https://raw.githubusercontent.com/hexschool/webLayoutTraining1st/9abff06f0952894395796442b2d399e46ad98560/week1/facebook.svg" alt="前往FB"></a>
<a href="#"><img src="https://raw.githubusercontent.com/hexschool/webLayoutTraining1st/9abff06f0952894395796442b2d399e46ad98560/week1/instagram-alt.svg" alt="前往IG"></a>
<a href="#"><img src="https://raw.githubusercontent.com/hexschool/webLayoutTraining1st/9abff06f0952894395796442b2d399e46ad98560/week1/line.svg" alt="前往LINE"></a>
</div>
</div>
</div>
</div>
</div>
<!-- w4+aos -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
// Global settings:
disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
initClassName: 'aos-init', // class applied after initialization
animatedClassName: 'aos-animate', // class applied on animation
useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
disableMutationObserver: false, // disables automatic mutations' detections (advanced)
debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
// Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
offset: 200, // offset (in px) from the original trigger point
delay: 50, // values from 0 to 3000, with step 50ms
duration: 1000, // values from 0 to 3000, with step 50ms
easing: 'ease', // default easing for AOS animations
once: false, // whether animation should happen only once - while scrolling down
mirror: false, // whether elements should animate out while scrolling past them
anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation
});
</script>
</body>
</html>