diff --git a/img/icons/favicon.ico b/img/icons/favicon.ico
new file mode 100644
index 0000000..4d57b42
Binary files /dev/null and b/img/icons/favicon.ico differ
diff --git a/index.html b/index.html
index 7ebf5b1..0def76c 100644
--- a/index.html
+++ b/index.html
@@ -3,11 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>Devflix</title>
     <link rel="stylesheet" href="style/main.css" />
     <link rel="stylesheet" href="style/responsive.css" />
     <link rel="stylesheet" href="style/owl/owl.theme.default.min.css" />
     <link rel="stylesheet" href="style/owl/owl.carousel.min.css" />
+    <link rel="icon" type="image/x-icon" href="img/icons/favicon.ico">
   </head>
 
   <body>
@@ -19,12 +20,12 @@
           alt="Devflix logo image"
         />
         <nav>
-          <a href="index.html">Menu</a>
-          <a href="#">Courses</a>
-          <a href="#">Bootcamps</a>
-          <a href="#">Tools</a>
-          <a href="#">Careers</a>
-          <a href="#">Jobs</a>
+          <a href="/">Menu</a>
+          <a href="pages/courses.html">Courses</a>
+          <a href="pages/bootcamps.html">Bootcamps</a>
+          <a href="pages/tools.html">Tools</a>
+          <a href="pages/careers.html">Careers</a>
+          <a href="pages/jobs.html">Jobs</a>
         </nav>
       </div>
     </header>
@@ -43,10 +44,10 @@ <h3 class="title">
           </p>
           <div class="buttons">
             <button role="button" class="button">
-              <img class="icon" src="/img/icons/play.svg" />Watch now
+              <img class="icon" src="img/icons/play.svg" />Watch now
             </button>
             <button role="button" class="button">
-              <img class="icon" src="/img/icons/info.svg" />More info
+              <img class="icon" src="img/icons/info.svg" />More info
             </button>
           </div>
         </div>
@@ -56,25 +57,25 @@ <h3 class="title">
     <div class="carousel">
       <div class="owl-carousel owl-theme">
         <div class="item">
-          <img class="box-course" src="/img/couses/1.jpg" alt="" />
+          <img class="box-course" src="img/couses/1.jpg" alt="" />
         </div>
         <div class="item">
-          <img class="box-course" src="/img/couses/2.jpg" alt="" />
+          <img class="box-course" src="img/couses/2.jpg" alt="" />
         </div>
         <div class="item">
-          <img class="box-course" src="/img/couses/3.jpg" alt="" />
+          <img class="box-course" src="img/couses/3.jpg" alt="" />
         </div>
         <div class="item">
-          <img class="box-course" src="/img/couses/4.jpg" alt="" />
+          <img class="box-course" src="img/couses/4.jpg" alt="" />
         </div>
         <div class="item">
-          <img class="box-course" src="/img/couses/5.jpg" alt="" />
+          <img class="box-course" src="img/couses/5.jpg" alt="" />
         </div>
         <div class="item">
-          <img class="box-course" src="/img/couses/6.jpg" alt="" />
+          <img class="box-course" src="img/couses/6.jpg" alt="" />
         </div>
         <div class="item">
-          <img class="box-course" src="/img/couses/7.jpg" alt="" />
+          <img class="box-course" src="img/couses/7.jpg" alt="" />
         </div>
       </div>
     </div>
diff --git a/pages/bootcamps.html b/pages/bootcamps.html
index e69de29..2c829df 100644
--- a/pages/bootcamps.html
+++ b/pages/bootcamps.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Bootcamps</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/style/main.css" />
+    <link rel="stylesheet" href="/style/responsive.css" />
+    <link rel="icon" type="image/x-icon" href="/img/icons/favicon.ico" />
+  </head>
+  <body>
+    <header>
+      <div class="container">
+        <img
+          class="logo"
+          src="/img/logos/devflix.png"
+          alt="Devflix logo image"
+        />
+        <nav>
+          <a href="/">Menu</a>
+          <a href="courses.html">Courses</a>
+          <a href="bootcamps.html">Bootcamps</a>
+          <a href="tools.html">Tools</a>
+          <a href="careers.html">Careers</a>
+          <a href="jobs.html">Jobs</a>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <div class="main-course">
+        <div class="container">
+          <h3 class="title">Bootcamps for you</h3>
+        </div>
+      </div>
+    </main>
+
+    <p style="justify-self: center">Under construction</p>
+  </body>
+</html>
diff --git a/pages/careers.html b/pages/careers.html
index e69de29..aa9bf7c 100644
--- a/pages/careers.html
+++ b/pages/careers.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Careers</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/style/main.css" />
+    <link rel="stylesheet" href="/style/responsive.css" />
+    <link rel="icon" type="image/x-icon" href="/img/icons/favicon.ico" />
+  </head>
+  <body>
+    <header>
+      <div class="container">
+        <img
+          class="logo"
+          src="/img/logos/devflix.png"
+          alt="Devflix logo image"
+        />
+        <nav>
+          <a href="/">Menu</a>
+          <a href="courses.html">Courses</a>
+          <a href="bootcamps.html">Bootcamps</a>
+          <a href="tools.html">Tools</a>
+          <a href="careers.html">Careers</a>
+          <a href="jobs.html">Jobs</a>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <div class="main-course">
+        <div class="container">
+          <h3 class="title">Careers in tech</h3>
+        </div>
+      </div>
+    </main>
+
+    <p style="justify-self: center">Under construction</p>
+  </body>
+</html>
diff --git a/pages/courses.html b/pages/courses.html
index e69de29..6a6c0fa 100644
--- a/pages/courses.html
+++ b/pages/courses.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Courses</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/style/main.css" />
+    <link rel="stylesheet" href="/style/responsive.css" />
+    <link rel="icon" type="image/x-icon" href="/img/icons/favicon.ico" />
+  </head>
+  <body>
+    <header>
+      <div class="container">
+        <img
+          class="logo"
+          src="/img/logos/devflix.png"
+          alt="Devflix logo image"
+        />
+        <nav>
+          <a href="/">Menu</a>
+          <a href="courses.html">Courses</a>
+          <a href="bootcamps.html">Bootcamps</a>
+          <a href="tools.html">Tools</a>
+          <a href="careers.html">Careers</a>
+          <a href="jobs.html">Jobs</a>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <div class="main-course">
+        <div class="container">
+          <h3 class="title">Courses for you</h3>
+        </div>
+      </div>
+    </main>
+
+    <p style="justify-self: center">Under construction</p>
+  </body>
+</html>
diff --git a/pages/jobs.html b/pages/jobs.html
index e69de29..7c48360 100644
--- a/pages/jobs.html
+++ b/pages/jobs.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Jobs</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/style/main.css" />
+    <link rel="stylesheet" href="/style/responsive.css" />
+    <link rel="icon" type="image/x-icon" href="/img/icons/favicon.ico" />
+  </head>
+  <body>
+    <header>
+      <div class="container">
+        <img
+          class="logo"
+          src="/img/logos/devflix.png"
+          alt="Devflix logo image"
+        />
+        <nav>
+          <a href="/">Menu</a>
+          <a href="courses.html">Courses</a>
+          <a href="bootcamps.html">Bootcamps</a>
+          <a href="tools.html">Tools</a>
+          <a href="careers.html">Careers</a>
+          <a href="jobs.html">Jobs</a>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <div class="main-course">
+        <div class="container">
+          <h3 class="title">Browse job sites</h3>
+        </div>
+      </div>
+    </main>
+
+    <p style="justify-self: center">Under construction</p>
+  </body>
+</html>
diff --git a/pages/tools.html b/pages/tools.html
index e69de29..7a51076 100644
--- a/pages/tools.html
+++ b/pages/tools.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Tools</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/style/main.css" />
+    <link rel="stylesheet" href="/style/responsive.css" />
+    <link rel="icon" type="image/x-icon" href="/img/icons/favicon.ico" />
+  </head>
+  <body>
+    <header>
+      <div class="container">
+        <img
+          class="logo"
+          src="/img/logos/devflix.png"
+          alt="Devflix logo image"
+        />
+        <nav>
+          <a href="/">Menu</a>
+          <a href="courses.html">Courses</a>
+          <a href="bootcamps.html">Bootcamps</a>
+          <a href="tools.html">Tools</a>
+          <a href="careers.html">Careers</a>
+          <a href="jobs.html">Jobs</a>
+        </nav>
+      </div>
+    </header>
+
+    <main>
+      <div class="main-course">
+        <div class="container">
+          <h3 class="title">Tools for you</h3>
+        </div>
+      </div>
+    </main>
+
+    <p style="justify-self: center">Under construction</p>
+  </body>
+</html>