Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 75 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
body{
font-family: 'Rajdhani', sans-serif;
font-size: 1.4em;
background-color: #d7c0c0;
}

h1{
color:#1d5b6c;
margin:40px 20px 10px 40px

}

h2{
margin: 0px;
text-align:center;

}



.about-me {
margin: 20px;
background: #5a4949;
color:#ffdebe;
padding: 20px;
}
.my-goal{
margin: 20px;
background: #267f5c;
color:#ffdebe;
padding: 20px;
}
ul{
padding: 20px;
margin: 40px;
background: #f0e3e3;

}
li{
margin: 20px;
font-weight:bold;
background: #f0b21278;
padding: 9px;
border:1px solid #ffffffc9;

}

img{
border-radius: 5%;
display: block;
width:auto;
height:400px;
margin: 20px;
}
.caption{
color:white;
margin: 40px;
background: #632d18;

}

footer{

margin-top:40px;
background: #aea2a2;
padding:40px;
}
a{
text-decoration: none;
color:#5bf636;
font-weight: bold;
}
a:hover{
color:yellow;
}
Binary file added images/coffee.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/huskey.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/ostrich.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>about me </title>
<link href="https://fonts.googleapis.com/css?family=Maven+Pro|Rajdhani&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="UTF-8">
<meta name="author" content="Aziz">
<meta name="description" content="about me ">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- -->
<h1>MY profile</h1>
<h2>about me </h2>
<main>
<p class="about-me">I am Aziz a student at HYF. Working toward being a web developer. I passionate about problem solving and I also like creating project from scratch. Although I prefer working on functionality side of projects but it also gives me feelings of success and satisfaction when I create a whole project on my own. I like to have new challenges everyday ! That’s why I love coding! </p>
<h2>My goal</h2>
`
<p class="my-goal">My short term goal is to be <em>a web developer</em>, but I also like to go further and have experience more depth in creating softwares. I would be working very hard to attain my goal and have a job that I enjoy everyday. I am striving to have a job at which I can do different tasks everyday and not just accomplishing simple tasks </p>
</main>
<h2>My Intrestes</h2>
<ul>
<li>Coffee</li>
<li>Politics</li>
<li>Fast food</li>
</ul>
<img src="images/coffee.jpg" width="400" height="300">
<span class="caption">I drink coffee all the time !</span>
<img src="images/huskey.jpeg" width="400" height="400">
<span class="caption">I really like huskies!</span>
<img src="images/ostrich.jpg" width="400">
<span class="caption">Love this picture !</span>
<br>
<footer>
Intrested in seeing my github?
<i class="fa fa-github" style="font-size:36px"></i>
<a href="https://github.com/azizomarck" >
click to see my github
</a>
<br>
<a href="http://hackyourfuture.ca"> HACK YOUR FUTURE</a>
</footer>
</body>
</html>