-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (130 loc) · 4.26 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
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
143
144
145
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" herf="mypage.css">
<title>Ishak Website</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div>
<ul id="nav">
<li><a href="#content">Home</a></li>
<li><a href="#content1">About me</a></li>
<li><a href="#content2">Check my progress</a></li>
</ul>
</div>
<section id="content">
<img src="http://www.danielbrokstad.com/wp-content/uploads/hw_01.jpg" alt="image" style="width:100%;hight:50%">
</section>
<section style="max-width:100%">
<h2 id="content1" style="text-align:center;font-size:60px;"><i>About Me</i></h2>
<p style="text-align:center;font-size:30px;">Hello! and welcome to my personal profile!
I'm Ishak , and I'm a computer system engineer based in Gaza-Palestine.
I'm fresh graduate from Al-Azhar University of Gaza . I've always had a passion to become a web developer and that's what I'm working
on right now, and it really feels like stepping into my own dream.
I love what I do, and adore the creative process of programming, It's addictive and can give never ending possibilties. There's no
doubt that coding is the future of this world, and that's why everyone is heading toward it in the current century, and there's a
quite huge competition in that field of work, but i believe that if you wanna win you should really love what you do, and have the
passion inside..
That's the best way to succeed in anything in your life.</p>
</section>
<section style="max-width:1300px">
<h2 id="content2" style="text-align:center;font-size:60px;"><i>My progress</i></h2>
<div class="row">
<div class="column">
<a href="https://www.codewars.com/users/ishak52">
<h2>CodeWars</h2>
<img src="http://3.bp.blogspot.com/-vc-eVNbzo1Q/VcZdEcRBhXI/AAAAAAABMag/NYI22iT0zro/s400/cw.png" alt="image" style="width:400px; height:300px;">
<a>
<p><i>check my progress in codewars.</i></p>
</div>
<div class="column">
<a href="https://www.freecodecamp.org/ishak52">
<h2>FreeCodeCamp</h2>
<img src="https://cdn-images-1.medium.com/max/1600/1*eDaRLwBlwmjCpkeeqRM4vw.png" alt="image" style="width:400px; height:301px;">
<a>
<p><i>check my progress in FreeCodeCamp.</i></p>
</div>
<div class="column">
<a href="https://github.com/ishak52/personal-profile">
<h2>Check my code</h2>
<img src="https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png" alt="image" style="width:400px; height:300px;">
<a>
<p><i>check my code.</i></p>
</div>
</div>
</section>
<div class="footer">
<p>This site is made by Ishak kassab</p>
</div>
</body>
<style>* {
box-sizing: border-box;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 15px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
h2,p{
text-align:center;
}
.footer {
background-color: gray;
padding: 10px;
text-align: center;
}
#nav {
list-style: none;
float: left;
position: fixed;
width: 100%;
height: 50px;
background-color: rgba(0,0,0,.5);
z-index: 99;
text-align: center;
}
#nav li {
float: left;
display: block;
height: 40px;
width: 200px;
text-align: center;
line-height: 40px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size:21px;
box-sizing:border-box;
color:white ;
}</style>
</html>