-
Notifications
You must be signed in to change notification settings - Fork 0
/
mystory.html
executable file
·125 lines (120 loc) · 3.21 KB
/
mystory.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
<html>
<head>
<meta name="viewport" content="width=device-width, intial-scale=1">
<style>
li {
display: inline;
font-size: 22px;
padding: 20px;
font-weight: bold;
font-style: oblique;
margin-top: 10px;
}
.ho {
margin-left: 650px;
}
footer {
color: white;
margin-left: 80px;
margin-right: 60px;
margin-top: 100px;
font-size: 15px;
padding: 10px;
padding-left: 100px;
font-weight: bold;
font-style: italic;
text-align: right;
}
.content{
display: inline-block;
width: 60%;
}
.content h2{
text-align: center;
}
.p1 {
font-family: comic sans MS;
text-align: justify;
font-size: 18px;
padding: 20px;
font-weight: bold;
font-style: oblique;
padding-left: 100px;
}
h2 {
font-size: 23px;
color: black;
font-family: cursive;
text-decoration: underline;
}
.Gprofile,.Lprofile {
font-size: 20px;
font-weight: bold;
color:rgb(400, 100, 250);
font-family:serif;
}
em {
color: purple;
font-weight: bold;
}
img {
margin-top: 63px;
}
.image-container{
float:left;
margin-left: 150px;
text-align: center;
}
.image-container img {
display: block;
}
footer {
color: black;
margin-left: 80px;
margin-right: 60px;
margin-top: 271px;
font-size: 15px;
padding: 10px;
padding-left: 100px;
font-weight: bold;
font-style: italic;
text-align: right;
}
html {
background-image: url(https://media.istockphoto.com/photos/ethiopia-picture-id621143592?k=6&m=621143592&s=612x612&w=0&h=ruHn6AIQgtypdDEuqXmHxDFFeY-M0HvyBOvkcfrx2WE=);
background-size: 100% 90%;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<nav>
<ul>
<li class="ho"> <a href="index.html"
id="Homelink">Home</a> </li>
<li> <a href="mystory.html"
id="Aboutlink">About</a> </li>
<li><a href="Links.html"
id="Linkslink">Links</a> </li>
<li> <a href="Resume.html"
id="Resumelink">Resume</a> </li>
<li> <a href="Gallery.html"
id="Gallery">Gallery</a> </li>
<li> <a href="Contacts.html"
id="Contctslink">Contacts</a> </li>
</ul>
</nav>
<div class="image-container">
<img src="selinas.jpg" width="280" height="280">
<a class="Gprofile" href="https://github.com/selamcoding/selamina">GitHub</a> <br> <br>
<a class="Lprofile" href="https://www.linkedin.com/in/selamawit-shibru-488656143">LinkediIn</a>
</div>
<div class="content">
<h2> DEVELOPER STORY</h2>
<p class="p1">Hello my name is Selamawit Shibru.This is my developer story.When I was in elementary school, there was no computer in our house but I used to have a video game which consists of Keyboard and joysticks for playing games like Mario, duck hunt…In grade 7, I was allowed to use computers in cybercafé.They showed me how to use email to keep in touch with my pen pals from abroad besides emails, MS word and searching for scholarships.In high school, I took the basic computer skill classes and improved my skill.In higher education level, after I joined the engineering school I have taken engineering software training, introduction to C++ and also certified with IT Essentials from online Cisco networking academy.</p>
</div>
<footer>
<em><strong>Selinas © 2019 All right reserved.</em></strong>
</footer>
</body>
</html>