diff --git a/css/style.css b/css/style.css index 75e9841e..c81fcc9a 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,117 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +body {width:100%; + height:100%; + font-size: 16px; + font-family:Calibri; + text-align: justify; + background-color:#FEE4C4; + color:black; + line-height: 25px; + box-sizing: border-box; + } + +#navbar {position:fixed; + top:0; + height: 70px; + width:100%; + background-color:#5A809E; + } + + + #navbar ul {list-style-type:none; + display:flex; + justify-content:space-around; + } + + #navbar ul a:hover {background:#6CC2BD; + } + + .nav-link {color:aliceblue; + font-weight:bolder; + font-size:18px; + display:block; + padding:8px; + text-decoration:none; + } + +#main {margin-top:80px; + } + +h1 {font-weight: bolder; + font-size:28px; + color:#5A809E} + +h2 {font-size:24px; + color: #7c79a2; + font-weight:bold; + } + +h3 {font-size:22px; + color: #F57D7C; + font-weight:bold; + } +p:first-child {color:#F57D7C;} + +#welcoming {padding-top: 20px; + height:250px; + width:100%; + line-height:5px; + display:flex; + flex-direction:row; + align-items: center; + background-image: url("https://www.design-seeds.com/wp-content/uploads/2017/04/4_3_2ColorDream_LBTOMA.png"); + } + + #welcomeingmsg p {font-size:24px; + line-height:5px; + font-weight:bold; + position:relative; + left:120px; + } + + #profile-img {width:150px; + margin-left:25%; + padding:10px; + object-fit: contain; + padding-top: 20px; + } + +#About, #Projects, #Contactme {margin-left:10%; + margin-right:10%; + } + +#MSD, #webdev {margin-left:11%; + margin-right:11%; + } + +.projectslist {display:flex; + flex-direction: row; + margin:auto; + width:75%; + } + +.project-link {text-decoration:none; + color:#5A809E; + font-size:18px; + font-weight:bold; + width:200px; + height:35px; + background-color:#FFC1A6; + display:block; + margin-right:20px; + text-align:center; + } + +.project-img {width:200px; + height:200px; + margin-right:20px; + } + +#profile-link {text-decoration:none; + font-weight:bold; + color:#7c79a2; + } + +#contactme i {font-size: 24px;} \ No newline at end of file diff --git a/index.html b/index.html index 67dfc7f5..abfc8540 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,8 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + + Maha.M Blog + + +
+ +
+ +
+
+ +
+

Hello! I am Maha


+

A junior web developer


+

A market Development Advisor


+

Welcome to my profile

+
+
+ +
+

About

+
+

Maha as a Junior Web Developer

+

It is never too late to learn new skills and penetrate in new fields. From this belief, Maha has decided to join the world of the web development, as one of the trendiest and required fields. As Maha has moved to UK recently she started to build new set of expertise that best-match the UK job market and at the same time, to follow her passion and interest. Maha has joined a web development bootcamp with Code Your Future, and she succeeded to finish HTML, CSS, and Java script courses and now she is working on developing and enhancing her skills in this field.

+
+ +
+

Maha as a Market Systems Development Advisor

+

Maha Hayek is a market systems development advisor, with over six years of experience working with vulnerable groups, including women and youth, in marginalized areas. The scope of her work includes but is not limited to analysing and assessing the needs of different economic sectors, identifying the related market failures, designing and developing intervention models and assuring such interventions have sustainable impact to contribute to the economic development.

+
+
+ +
+

My Web Development Projects

+

I have worked on different web projects. Below are samples of my work:

+ + + +
+ + + +
+