-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (91 loc) · 3.67 KB
/
index.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
<html>
<head>
<meta charset="utf-8">
<title>My Profile</title>
<!-- Google fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Montserrat:400,700|Raleway:200,300,500,700">
<!-- Fontawesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Your style -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="card" id="info">
<img src="images/avatar.jpg" width="200px" height="200px" id="img-circle" alt="Tim Almamedov">
<h1>Tim Almamedov</h1>
<h2>Student @Le Wagon</h2>
<p>I've decided to change carriers, now I am pursuing a dream to become a developer</p>
<a href="https://www.lewagon.com/" class="btn-red" target="_blank">Le Wagon</a>
</div>
<div class="card">
<ul class="list-inline">
<li>
<a href="https://twitter.com/almamedovtimur" target="_blank"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i><br>Twitter</a>
</li>
<li>
<a href="https://www.facebook.com/timur.almamedov" target="_blank"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i><br>Facebook</a>
</li>
<li>
<a href="https://www.linkedin.com/in/toymurad-almamedov-328531137/" target="_blank"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i><br>LinkedIn</a>
</li>
</ul>
</div>
<div class="card" id="movies">
<h2>My favorite Movies</h2>
<table>
<tr>
<td>
<img src="images/Lotr1.jpeg" class="movie-poster" alt="Lord of the Rings: The Fellowship of the Ring">
</td>
<td>
<h3>Lord of the Rings: The Fellowship of the Ring</h3>
<p>A meek Hobbit from the Shire and eight companions set out on a journey to destroy the powerful One Ring and save Middle Earth from the Dark Lord Sauron.</p>
</td>
</tr>
<tr>
<td>
<img src="images/Lotr2.jpeg" class="movie-poster" width="186px" alt="Lord of the Rings: Two Towers">
</td>
<td>
<h3>Lord of the Rings: Two Towers</h3>
<p>While Frodo and Sam, now accompanied by a new guide, continue their hopeless journey towards the land of shadow to destroy the One Ring, each member of the broken fellowship plays their part in the battle against the evil wizard Saruman and his armies of Isengard.</p>
</td>
</tr>
<tr>
<td>
<img src="images/Lotr3.jpeg" width="186px" alt="Lord of the Rings: The Return of the King">
</td>
<td>
<h3>Lord of the Rings: The Return of the King</h3>
<p>Gandalf and Aragorn lead the World of Men against Sauron's army to draw his gaze from Frodo and Sam as they approach Mount Doom with the One Ring.
</p>
</td>
</tr>
</table>
</div>
<div class="card" id="about">
<h2>About this page</h2>
<p>This page has been coded during the <a href="http://lewagon.org/program" target="_blank">FullStack program @LeWagon.</a> That was probably the best experience of my entire life.</p>
<ul class="list-inline">
<li><i class="fa fa-heart" aria-hidden="true"></i></li>
<li><i class="fa fa-share" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
</ul>
</div>
<div class="sidebar">
<div class="content">
<ul class="list-inline">
<li>
<a href="#info"><i class="fa fa-info-circle"></i></a>
</li>
<li>
<a href="#movies"><i class="fa fa-file-video-o"></i></a>
</li>
<li>
<a href="#about"><i class="fa fa-life-ring"></i></a>
</li>
</ul>
</div>
</div>
</body>
</html>