diff --git a/hw_week3_CSS/Week3/README.md b/hw_week3_CSS/Week3/README.md
new file mode 100644
index 0000000..fa45fb6
--- /dev/null
+++ b/hw_week3_CSS/Week3/README.md
@@ -0,0 +1,46 @@
+# Week 3 Homework ヽ( ﾟヮﾟ)ﾉ
+For our CSS homework, we will extend our HTML work from Week 2. Feel free to modify the content of your page as you see fit. You may want to include a section on your education, experience, projects, etc.
+
+## Setup
+- Fork this project
+- Copy your “index.html” file from Week 2
+- Create a "style.css" file inside your folder
+- Create a folder called “images” inside your folder
+
+## Checklist: HTML
+- [ ] Add meta information to your `<head>`
+  - [ ] `<meta charset="UTF-8">`
+  - [ ] `<meta name="author" content="Your Name">` with your name
+  - [ ] `<meta name="description" content="Add your description here">`
+- [ ] At least four sections including:
+  - [ ] `<header>` introducing yourself
+  - [ ] Two `<section>` divs of your choice
+  - [ ] `<footer>` with a link to your Github
+- [ ] Include at least 1 [Font Awesome](https://fontawesome.com/icons?d=gallery) icon
+  - [ ] Link to the Font Awesome stylesheet in your `<head>`
+  - `<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">`
+- [ ] Include a link to `http://hackyourfuture.ca`
+
+## Checklist: CSS
+- [ ] Comment a title for each section of your styles, for example `/* Header */` and `/ * About Me */ `
+- [ ] Include a fixed background image for your `body`
+  - Ensure that your image is high quality. Good resources for free high quality images are [Unsplash](https://unsplash.com/t/textures-patterns) and [Pexels](https://www.pexels.com/discover/)
+- [ ] Modify the `border-radius` property of at least 1 image
+- [ ] Include [Google Fonts](https://fonts.google.com/) - [Google fonts guide from w3 schools](https://www.w3schools.com/howto/howto_google_fonts.asp)
+  - [ ] One for your `p` selector
+  - [ ] A different one for `h1, h2` selectors
+- [ ] Give each section a unique `background-color`
+  - [ ] At least one section should be in the rgba format with transparency, so that your background image can be viewed
+    - [MDN colour picker](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool) - use the RGB slider to change the transparency
+- [ ] Style the `a` selector
+  - [ ] style the `a:hover` selector
+- [ ] Use the `text-align` property to centre (`center`) the content of one of your sections
+
+## Bonus
+- Navigation bar with anchor links
+- Add a shortcut icon
+- Comment your HTML sections, e.g. `<!-- header -->` `  <!-- contact -->`
+
+## Troubleshooting & Tips
+- Make sure that your body selector has 0 padding and 0 margins - so that your sections will inherit that property
+- Add margins to your img selector so that there is space between your images
diff --git a/hw_week3_CSS/images/Brasil_background.jpg b/hw_week3_CSS/images/Brasil_background.jpg
new file mode 100644
index 0000000..0ed2a5f
Binary files /dev/null and b/hw_week3_CSS/images/Brasil_background.jpg differ
diff --git a/hw_week3_CSS/images/waseem_salem_img.jpg b/hw_week3_CSS/images/waseem_salem_img.jpg
new file mode 100644
index 0000000..d178a81
Binary files /dev/null and b/hw_week3_CSS/images/waseem_salem_img.jpg differ
diff --git a/hw_week3_CSS/index.html b/hw_week3_CSS/index.html
new file mode 100644
index 0000000..2683eb6
--- /dev/null
+++ b/hw_week3_CSS/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="Bio" content="Waseem Salem"> 
+    <meta name="Waseem Salem Biography" content="Personal bio, travel destenation">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat|Roboto+Mono&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+    <link rel="stylesheet" href="style.css">
+    <title>Waseem Salem Bio</title>
+  </head>
+  <body>
+    <section class="about">
+    <h1>Waseem Salem</h1>
+    <img src="images/waseem_salem_img.jpg" alt="Waseem Salem">
+    <p>Talented Art Director with over 15 years of experience in graphic design,
+      advertising and marketing. Experience includes the development of creative
+      and advertising campaigns in both creative and management roles.
+      Possesses technical skills, art direction, photography skills, and printing expertise.
+      </p>
+      <p>Proficiency in Adobe Photoshop, Illustrator, InDesign, Dreamweaver, and MS office, in both Mac and PC platforms.
+      Knowledge in web design (HTML, CSS).</p>
+<br>
+      <h3>Some of my interestes</h3>
+      <p>I have so many dreams in my personal & my proffesional lives, on the professional side My dream is
+         to become a web developer and apply my creativity on website and mobile applications.
+         Also, to keep learning and growing in my carrer
+         <br>
+
+         As well, one of my dreams to travel to Rio De Janeiro in Brazil, and learn about the country and it's culture
+      </p>
+      <br>
+      <h3>Some of my interestes</h3>
+      <ul>
+        <li>Art</li>
+        <li>Video Games</li>
+        <li>Basketball</li>
+        <li>Concerts</li>
+      </ul>
+      </section>
+
+      <section class="brazil">
+<h2>Brazil</h2>
+<!--Brazil-->
+
+ 
+
+
+
+  <img src="https://www.travelinglifestyle.net/wp-content/uploads/2018/01/best-hostels-in-rio-de-janeiro-brazil-759x500.jpg" alt="Rio De Janeiro" >
+
+     <img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/05/Flag_of_Brazil.svg/1200px-Flag_of_Brazil.svg.png" alt="Flag of Brazil">
+
+
+  
+  <img src="https://www.riodejaneiro.com/media/uploads/riodejaneiro.com/2014/09/copacabana-beach.jpg" alt="Rio De Janeiro beach">
+   
+   <!--<h4>Flag of Brazil</h4>
+     <h4>Rio De Janeiro</h4>
+     <h4>Best beaches in teh world</h4>-->
+
+
+</section>
+
+<footer>
+<h3>My accounts on socila media</h3>
+<a href="https://www.linkedin.com/uas/login" width=20px ><i class="fab fa-linkedin" ></i></a>
+<a href="https://behance.com"><i class="fab fa-behance-square"></i></a>
+<a href="https://github.com/iwaseem"><i class="fab fa-gitlab"></i></a>
+
+<h6>This webpage is only for education purposes</h6>
+</footer>
+  </body>
+</html>
diff --git a/hw_week3_CSS/style.css b/hw_week3_CSS/style.css
new file mode 100644
index 0000000..76bab81
--- /dev/null
+++ b/hw_week3_CSS/style.css
@@ -0,0 +1,96 @@
+body {
+  font-family: Montserrat, sans-serif;
+	background-image: url(../css/images/Brasil_background.jpg); no-repeat fixed;
+  background-size: cover;
+  margin: 0px;
+  padding:0px;
+}
+
+
+header {
+  background-color:rgba(248,114,114,.8);
+}
+
+
+h1{
+  font-size: 46px;
+
+}
+
+
+h2{
+	font-size: 60px;
+	font-weight: bold;
+
+}
+
+
+h6{
+	font-size: 10px;
+	color: white;
+}
+
+a {
+  color: #F2B705;
+  text-decoration: none;
+  width: 40px;
+  }
+
+a:hover {
+  color: white;
+
+
+}
+
+p{
+  font-size: 16px;
+  font-height: 1.2;
+
+}
+
+header, footer, section {
+  padding: 100px 150px;
+}
+
+
+
+/*section about*/
+
+.about {
+  background-color:rgba(35,23,115,.8);
+  color: white;
+}
+
+.about p{
+	text-align: left;
+
+}
+
+/*section brazil*/
+.brazil h2{
+	color: white;
+	text-align: center;
+
+}
+
+.brazil img {
+  width:500px;
+  border-radius: 10%;
+  margin:10px;
+
+}
+
+
+/*footercontact*/
+footer {
+  background:#726AA6;
+  color:white;
+  text-align: center;
+}
+
+i {
+  margin-right:10px;
+ 
+
+}
+
