-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtry.html
142 lines (126 loc) · 4.41 KB
/
try.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<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">
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/styles.css">
<style type="text/css">
.wrap {
width: 1200px;
margin: auto;
}
.item {
display: flex;
align-items: center;
margin-bottom: 70px;
}
.item .pic{
width: 55%;
flex-shrink: 0;
}
.item .pic img{
width: 100%;
vertical-align: middle;
}
.item .txt{
width: 55%;
flex-shrink: 0;
padding: 50px 30px;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.item > :first-child{
margin-right: -10%;
}
.item:nth-child(1) .txt {
background-color: rgba(240, 174, 193, .8);
}
.item:nth-child(2) .txt {
background-color: rgba(42, 253, 208, .8);
}
.item:nth-child(3) .txt {
background-color: rgba(254, 201, 121, .8);
}
.item:nth-child(4) .txt {
background-color: rgba(149, 219, 214, .8);
}
.item:nth-child(5) .txt {
background-color: rgba(111, 214, 149, .8);
}
</style>
<title>Document</title>
</head>
<body>
<!-- 導覽列 -->
<nav>
<ul>
<li><a href="index.html"> 簡介</a></li>
<li><a href="artwork.html"> 作品</a></li>
<li><a href="#" class="active"> Bootcamp問題</a></li>
</ul>
</nav>
<div class="wrap">
<!-- item 1 -->
<div class="item">
<div class="pic">
<img src="https://picsum.photos/600/350?random=10" alt="">
</div>
<div class="txt">
<h2>如果參與這個計畫，會怎麼安排學習時間？</h2>
<p>確定錄取後，九月底會辭職，全心全意衝刺轉職。早上八點起床，九點開始練習寫，中午十二點到一點午餐，下午一點半到五點半繼續，
晚上八點到十二點讀書，查資料，寫報告</p>
</div>
</div>
<!-- item 2 -->
<div class="item">
<div class="txt">
<h2>是否有想要加入的軟體公司？為什麼想加入該公司？</h2>
<p>想加入財報狗，我喜歡投資，能又是投資又有寫程式，就是往金融方面找。財報狗之前有參加他們的不少投資相關的活動，相處起來還蠻喜歡的。
最近發現他們有在找python後端工程師(junior)，這是我目前想轉職的方向和想加入的公司。</p>
</div>
<div class="pic">
<img src="https://picsum.photos/600/350?random=11" alt="">
</div>
</div>
<!-- item 3 -->
<div class="item">
<div class="pic">
<img src="https://picsum.photos/600/350?random=12" alt="">
</div>
<div class="txt">
<h2>曾經碰到最困難的事情，如何克服？</h2>
<p>我人生遇過很多困難的事，爬過16天的山(請看youtube: 山的背面)，讀博最後三年半拚死拚活得趕畢業。最困難算現在這一次吧，未來的不確定性才是最困難的。
要暫停工作半年到一年，面對一個轉職的不確定性，但看過你們的分享和說明，四處問很多人，最後也都是跟我說:就試看看吧，試過也許失敗，不試以後還是會後悔。
自己只能全心全意衝刺，給自己一年試看看。</p>
</div>
</div>
<!-- item 4 -->
<div class="item">
<div class="txt">
<h2>開發時的技術心得</h2>
<p>我綜合youtube上金魚大的css交錯版面和udemy上課程教學，做出這一個
版面
</p>
</div> <div class="pic">
<img src="https://picsum.photos/600/350?random=13" alt="">
</div>
</div>
<!-- item 5 -->
<div class="item">
<div class="pic">
<img src="https://picsum.photos/600/350?random=14" alt="">
</div>
<div class="txt">
<h2>其他想要說的事情？</h2>
<p>None</p>
</div>
</div>
</div>
</body>
</html>