-
Notifications
You must be signed in to change notification settings - Fork 0
/
UI_extras.html
116 lines (114 loc) · 3.67 KB
/
UI_extras.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
<!-- Second Grid: Work & Resume -->
<div class="w3-row">
<div class="w3-half w3-light-grey w3-center" style="min-height:800px" id="work">
<div class="w3-padding-64">
<h2>My Work</h2>
<p>Some of my latest projects.</p>
</div>
<div class="w3-row">
<div class="w3-half">
<img src="/w3images/coffee.jpg" style="width:100%">
</div>
<div class="w3-half">
<img src="/w3images/workbench.jpg" style="width:100%">
</div>
</div>
<div class="w3-row w3-hide-small">
<div class="w3-half">
<img src="/w3images/workbench.jpg" style="width:100%">
</div>
<div class="w3-half">
<img src="/w3images/coffee.jpg" style="width:100%">
</div>
</div>
<div class="w3-row w3-hide-small">
<div class="w3-half">
<img src="/w3images/sound.jpg" style="width:100%">
</div>
<div class="w3-half">
<img src="/w3images/workbench.jpg" style="width:100%">
</div>
</div><br>
<p>Just call me awesome.</p>
</div>
<div class="w3-half w3-indigo w3-container" style="min-height:800px">
<div class="w3-padding-64 w3-center">
<h2>Resume</h2>
<p>A draft from my CV</p>
<div class="w3-container w3-responsive">
<table class="w3-table">
<tr>
<th>Year</th>
<th>Title</th>
<th>Where</th>
</tr>
<tr class="w3-white">
<td>2012-2016</td>
<td>The rest is history..</td>
<td>Lorem ipsum</td>
</tr>
<tr>
<td>2009-2012</td>
<td>Started my own company</td>
<td>My Garage</td>
</tr>
<tr class="w3-white">
<td>2008-2009</td>
<td>Started working for Lorem</td>
<td>London, UK</td>
</tr>
<tr>
<td>2005-2008</td>
<td>Degree in Bachelor of Design</td>
<td>Harvard, USA</td>
</tr>
<tr class="w3-white">
<td>2002-2005</td>
<td>Degree in Bachelor of Business</td>
<td>RMIT University, Melbourne, Australia</td>
</tr>
<tr class="w3-hide-medium">
<td>2002-2005</td>
<td>Degree in Bachelor of Business</td>
<td>RMIT University, Melbourne, Australia</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- Third Grid: Swing By & Contact -->
<div class="w3-row" id="contact">
<div class="w3-half w3-dark-grey w3-container w3-center" style="height:700px">
<div class="w3-padding-64">
<h1>Swing By</h1>
</div>
<div class="w3-padding-64">
<p>..for a cup of coffee, or whatever.</p>
<p>Chicago, US</p>
<p>+00 1515151515</p>
<p>[email protected]</p>
</div>
</div>
<div class="w3-half w3-teal w3-container" style="height:700px">
<div class="w3-padding-64 w3-padding-large">
<h1>Contact</h1>
<p class="w3-opacity">GET IN TOUCH</p>
<form class="w3-container w3-card w3-padding-32 w3-white" action="/action_page.php" target="_blank">
<div class="w3-section">
<label>Name</label>
<input class="w3-input" style="width:100%;" type="text" required name="Name">
</div>
<div class="w3-section">
<label>Email</label>
<input class="w3-input" style="width:100%;" type="text" required name="Email">
</div>
<div class="w3-section">
<label>Message</label>
<input class="w3-input" style="width:100%;" type="text" required name="Message">
</div>
<button type="submit" class="w3-button w3-teal w3-right">Send</button>
</form>
</div>
</div>
</div>