Java/index.html at master · Guessan/Java · GitHub

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
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<title>Guessan G. Effi</title>
<style>
	body{
		background: url("http://wallpapercave.com/wp/WTua8KM.jpg");
		background-position:center;
		background-size: cover;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: black;
	}
	#sizing{
		width:200px;
		height:200px;
	}
	.table-background{
		background-color: white;
	}
	table{
		color: black;
		border-collapse: collapse;
	}
	td, th {
		border: 1px solid #dddddd;
		text-align: center;
		padding-left: 225px;
		padding-right: 225px;
		width: 900px;
		background-color:#c763c0;
	}
	.image-size{
		width:180px;
		height:300px;
	}
	div{
		display:inline;
	}
	a{
		text-align:center;
	}
	a:hover{
		color:#ff0000;
	}
	ul {
		padding: 10px;
		background: #c763c0;
	}
	li {
		display: inline;
		padding: 0px 10px 0px 10px;
	}
</style>
</head>

<body>
<header>
	<h1 style="background-color: #d3d9e2;">Hello, my name is Guessan ("gaye-sohn") :3</h1>
	<h2 style="background-color: #d3d9e2;">I am a student</h2>
</header>
<img id="sizing" src="https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAAiaAAAAJDBlMjkwODU1LTIxZWQtNDA1NC1hYjVmLWNmZDIzNGZhMzgzYQ.jpg">
<h1 style="background-color: #d3d9e2;">Welcome to my page</h1>

<section style="background-color: #d3d9e2;">
	<h2>Who I am...The reason I belong...</h2>
	<h2>I am studying Mechanical Engineering in college. This semester, in order to save money, I am working full-time. I am dedicated to doing my best in this program. I am reliable, focused and hardworking. I will always do the best that I can. Especially with the pressure and expectation that comes from my Asian father.</h2>
</section>

<div class="table-background">
<table align="center" style="display:inline">
	<tr>
		<th><h2>5 Favorite Movies</h2></th>
		<th><h2>Rating</h2></th>
	</tr>
	<tr>
		<td><h3>Moonlight</h3></td>
		<td>10/10 For Narrative</td>
	</tr>
	<tr>
		<td><h3>Legend</h3></td>
		<td>10/10 For Violence</td>
	</tr>
	<tr>
		<td><h3>Fantastic Mr. Fox</h3></td>
		<td>10/10 For Stop-Motion Mastery</td>
	</tr>
	<tr>
		<td><h3>Macbeth</h3></td>
		<td>10/10 For Cinematography during battle</td>
	</tr>
	<tr>
		<td><h3>The Incredibles</h3></td>
		<td>10/10 For Narrative and Animation</td>
	</tr>
</table>
</div>

<div>
	<img class="image-size" src="https://1.bp.blogspot.com/-44aO9EF704I/WKm7Z62YgzI/AAAAAAAAavs/7sT3mJjS1E8C8AMLU3ZLgUAxj4OdYemXgCLcB/s320/Moonlight%2B%2528plakat%2529.jpeg">
	<img class="image-size" src="http://1.bp.blogspot.com/-tY6kFloLsho/VgXixAg1YZI/AAAAAAAACF8/GSRDqNSwTjU/s1600/legend2015.jpg">
	<img class="image-size" src="https://images.moviepilot.com/images/c_limit,q_auto,w_710/zp7ocuojiaq2y2wkeciw/why-we-love-wes-anderson-and-the-world-he-has-brought-to-life-and-into-our-hearts.jpg">
	<img class="image-size" src="https://upload.wikimedia.org/wikipedia/en/7/79/Macbeth_2015_poster.jpg">
	<img class="image-size" src="http://needcoffee.cachefly.net/needcoffee/uploads/2005/05/incredibles.jpg">
</div>

<ul>
  <li><a href="https://github.com/Guessan">My GitHub</a></li>
  <li><a href="https://www.linkedin.com/in/guessan-effi-412a4296/">My LinkedIn</a></li>
  <li><a href="https://www.facebook.com/guessan.effi">My Facebook</a></li>
</ul>

</body>
</html>