diff --git a/css/style.css b/css/style.css
index 75e9841e..caf54316 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,3 +6,194 @@
  *    for example: General styles, Navigation styles, Hero styles, Footer etc.
  * 
  */
+
+
+ /************************** tags ***************************************/
+ header {
+   position: relative;
+   margin: 0;
+   padding: 0;
+ }
+ body {
+   background-color: #bbe1fa;
+   text-align: center;
+   margin: 0;
+   padding: 0;
+}
+
+footer {
+   background-color: #3282b8;
+   border-top: 1px solid #1b262c;
+   border-bottom: 0;
+   margin-bottom: 0;
+   margin-top: 2%;
+   /* margin-top: 2%; */
+   padding: 0;
+   /* padding-top: 1%; */
+   position: relative;
+}
+ 
+p {
+   color: #1b262c;
+   font-family: 'Montserrat', sans-serif;
+   font-size: 1rem;
+   font-weight: normal;
+   line-height: 1.5rem;
+}
+
+h1 {
+   color: #1b262c;
+   font-size: 5.625rem;
+   margin: 50px auto 0 auto;
+   font-family: 'Sacramento', cursive;
+   padding-bottom: 10px;
+ }
+
+ h2 {
+   color: #1b262c;
+   font-family: 'Montserrat', sans-serif;
+   font-size: 2.5rem;
+   font-weight: normal;;
+   padding-bottom: 1%;
+ }
+
+ h3, h4 {
+   color: #1b262c;
+   font-family: 'Montserrat', sans-serif;
+   font-size: 2rem;
+   font-weight: bold;
+   padding-bottom: 10px;
+   padding-top: 1%;
+ }
+
+ h4 {
+   font-weight: normal;
+   padding-bottom: 2px;
+ }
+
+/* css - :first-child Selector */
+
+ h5:first-child {
+   color: #1b262c;
+   font-family: 'Montserrat', sans-serif;
+   font-size: 1.2rem;
+   font-weight: bold;
+   padding: 0.5% 0 0.5% 0;
+   margin: 0;
+ }
+
+ hr {
+   border: dotted #3282b8 6px;
+   border-bottom: none;
+   width: 16%;
+   margin: 120px auto;
+   padding: 0;
+ }
+
+/************************** classes ***************************************/
+
+/* header */
+
+ .landscape {
+   margin: 0;
+   width: 100%;
+   height: auto;
+   padding: 0;
+   border-bottom: 1px solid #1b262c;
+ }
+
+/* main */
+/* course section */
+.courses-section{
+   position: relative;
+}
+
+.course-cover {
+   width: 25%;
+   height: auto; 
+   display: inline-block;
+   vertical-align:top;
+   margin: 0% 2% 1% 1%;
+   border: 1px solid #1b262c;
+}
+.courses-section a {
+   display: block;
+}
+
+.courses-section p {
+   width: 25%;
+   display: inline-block;
+   vertical-align: top;
+   margin: 0% 1% 1% 2%;
+}
+
+/* books section */
+.books-section{
+   position: relative;
+}
+
+.book-cover {
+   width: 20%;
+   height: auto;
+   display: inline-block;
+   vertical-align: top;
+   margin: 0% 2% 1% 1%;
+   border: 1px solid #1b262c;
+}
+.books-section p {
+   width: 25%;
+   display: inline-block;
+   vertical-align:top;
+   margin: 0% 1% 1% 2%;
+}
+
+.books-section a {
+   display: block;
+}
+
+/* youtube channels section */
+
+.youtube-channel-section {
+   position: relative;
+   
+}
+
+.youtube-ch-video {
+   width: 560px;
+   height: 315px;
+   margin: 0% 2% 1% 1%;
+   border: 1px solid #1b262c;
+}
+
+.youtube-channel-section p{
+   width: 25%;
+   height: auto;
+   display: inline-block;
+   vertical-align:top;
+   margin: 0% 1% 1% 2%;
+}
+
+.youtube-channel-section  a {
+   display: block;
+}
+
+ /* footer */
+
+ .copyright {
+   padding-top: 0;
+   margin-top: 0;
+ }
+
+
+ .email-icon, .linkedin-icon {
+   width: 2%;
+   height: auto;
+   margin-bottom: 0;
+   padding: 0% 1% 0% 1%;
+ }
+ 
+ .copyright {
+    padding: 0;
+    margin-bottom: 0;
+ }
+/************************** ID'es ***************************************/
\ No newline at end of file
diff --git a/img/Angela Yu.jpg b/img/Angela Yu.jpg
new file mode 100644
index 00000000..daf16202
Binary files /dev/null and b/img/Angela Yu.jpg differ
diff --git a/img/Beecher Karl, Computational Thinking.jpg b/img/Beecher Karl, Computational Thinking.jpg
new file mode 100644
index 00000000..efd5cd0b
Binary files /dev/null and b/img/Beecher Karl, Computational Thinking.jpg differ
diff --git a/img/Duckett Jon HTML & CSS.jpg b/img/Duckett Jon HTML & CSS.jpg
new file mode 100644
index 00000000..03851b74
Binary files /dev/null and b/img/Duckett Jon HTML & CSS.jpg differ
diff --git a/img/Guido van Rossum and the Python development team.jpg b/img/Guido van Rossum and the Python development team.jpg
new file mode 100644
index 00000000..571c0732
Binary files /dev/null and b/img/Guido van Rossum and the Python development team.jpg differ
diff --git a/img/Guttag V. John, Introduction to Computation and Progrramming.jpg b/img/Guttag V. John, Introduction to Computation and Progrramming.jpg
new file mode 100644
index 00000000..a749385c
Binary files /dev/null and b/img/Guttag V. John, Introduction to Computation and Progrramming.jpg differ
diff --git a/img/Hillard Dane, Practise of the Python Pro.jpg b/img/Hillard Dane, Practise of the Python Pro.jpg
new file mode 100644
index 00000000..d5621627
Binary files /dev/null and b/img/Hillard Dane, Practise of the Python Pro.jpg differ
diff --git a/img/Karoly Nyisztor.jpg b/img/Karoly Nyisztor.jpg
new file mode 100644
index 00000000..07b64dbd
Binary files /dev/null and b/img/Karoly Nyisztor.jpg differ
diff --git a/img/Learn python programming masterclass.jpg b/img/Learn python programming masterclass.jpg
new file mode 100644
index 00000000..146a58cc
Binary files /dev/null and b/img/Learn python programming masterclass.jpg differ
diff --git a/img/Youaccel Training.jpg b/img/Youaccel Training.jpg
new file mode 100644
index 00000000..ba70f812
Binary files /dev/null and b/img/Youaccel Training.jpg differ
diff --git a/img/Zelle John, Python Programming.jpg b/img/Zelle John, Python Programming.jpg
new file mode 100644
index 00000000..a13859dd
Binary files /dev/null and b/img/Zelle John, Python Programming.jpg differ
diff --git a/img/alfons-morales-YLSwjSy7stw-unsplash - Copy.jpg b/img/alfons-morales-YLSwjSy7stw-unsplash - Copy.jpg
new file mode 100644
index 00000000..dceac8d7
Binary files /dev/null and b/img/alfons-morales-YLSwjSy7stw-unsplash - Copy.jpg differ
diff --git a/img/alfons-morales-YLSwjSy7stw-unsplash.jpg b/img/alfons-morales-YLSwjSy7stw-unsplash.jpg
new file mode 100644
index 00000000..053c8ce5
Binary files /dev/null and b/img/alfons-morales-YLSwjSy7stw-unsplash.jpg differ
diff --git a/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg b/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg
new file mode 100644
index 00000000..477e1b3a
Binary files /dev/null and b/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg differ
diff --git a/img/code.png b/img/code.png
new file mode 100644
index 00000000..3dc6b01b
Binary files /dev/null and b/img/code.png differ
diff --git a/img/favicon.ico b/img/favicon.ico
new file mode 100644
index 00000000..6d1fad49
Binary files /dev/null and b/img/favicon.ico differ
diff --git a/img/linkedIn.png b/img/linkedIn.png
new file mode 100644
index 00000000..38a9ecf5
Binary files /dev/null and b/img/linkedIn.png differ
diff --git a/img/message.png b/img/message.png
new file mode 100644
index 00000000..b46d6256
Binary files /dev/null and b/img/message.png differ
diff --git a/img/sarah-doffman-u44HcmdG0Oo-unsplash - Copy.jpg b/img/sarah-doffman-u44HcmdG0Oo-unsplash - Copy.jpg
new file mode 100644
index 00000000..96c8163b
Binary files /dev/null and b/img/sarah-doffman-u44HcmdG0Oo-unsplash - Copy.jpg differ
diff --git a/img/sarah-doffman-u44HcmdG0Oo-unsplash.jpg b/img/sarah-doffman-u44HcmdG0Oo-unsplash.jpg
new file mode 100644
index 00000000..400f31bb
Binary files /dev/null and b/img/sarah-doffman-u44HcmdG0Oo-unsplash.jpg differ
diff --git a/img/settings.png b/img/settings.png
new file mode 100644
index 00000000..88708411
Binary files /dev/null and b/img/settings.png differ
diff --git a/img/work-station.png b/img/work-station.png
new file mode 100644
index 00000000..ba12795d
Binary files /dev/null and b/img/work-station.png differ
diff --git a/index.html b/index.html
index 67dfc7f5..e9f1d293 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,270 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <title>My Blog</title>
-    <link
-      href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link rel="stylesheet" href="css/style.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
-  </head>
-  <body>
-    <!-- Add your HTML markup here -->
-    <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="description" content="Rewview of books and IT courses">
+  <meta name="keywords" content="HTML, CSS, JavaScript, Python">
+  <meta name="author" content="Patryk Nowak">
+
+  <title>My Blog</title>
+  <!-- <link href="//fonts.googleapis.com/css?family=Roboto:400,500,300" rel="stylesheet" type="text/css" /> -->
+  <link rel="stylesheet" href="css/style.css" />
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+  <link rel="icon" href="img/favicon.ico">
+</head>
+
+<body>
+
+  <header>
+
+    <img class="landscape" src="img/alfons-morales-YLSwjSy7stw-unsplash.jpg" alt="Book's shelves by Alfons Morales">
+    <!-- clip this picture alittle bite -->
+    <!-- <nav> </nav> -->
+
+    <h1>Reviews by <br> begginer Web-Developer</h1>
+    <h2>Books, courses and much more</h2>
+
+  </header>
+
+  <main>
+
+
+    <hr>
+
+    <section class="courses-section">
+      <h3>Courses online</h3>
+
+      <div>
+        <h4>Udemy course: Tim Buchalka, Jean-Paul Roberts, Learn Python Programming Masterclass</h4>
+        <img class="course-cover" src="img/Learn python programming masterclass.jpg" alt="Course...">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.udemy.com/course/python-the-complete-python-developer-course/">If You want to check or to
+          buy this course, please click here</a>
+      </div>
+
+      <div>
+        <h4>Udemy course: Karol Nyisztor, UML and Object-Oriented Design Foundations</h4>
+        <img class="course-cover" src="img//Karoly Nyisztor.jpg" alt="Course...">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.udemy.com/course/uml-and-object-oriented-design-foundations/">If You want to check or to
+          buy this course, please click here</a>
+      </div>
+
+      <div>
+        <h4>Udemy Course: Angela Yu, The Complete 2020 Web Development Bootcamp</h4>
+        <img class="course-cover" src="img/Angela Yu.jpg" alt="Course...">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.udemy.com/course/the-complete-web-development-bootcamp/">If You want to check or to buy
+          this course, please click here</a>
+      </div>
+
+      <div>
+        <h4>Udemy Course: YouAccel Training, HTML, CSS, & JavaScript - Certification Course for Beginnersl</h4>
+        <img class="course-cover" src="img/Youaccel Training.jpg" alt="Course...">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.udemy.com/course/html-css-javascript-certification-course-for-beginners/">If You want to
+          check or to buy this course, please click here</a>
+      </div>
+
+
+    </section>
+
+    <hr>
+
+    <section class="books-section">
+      <h3>Books</h3>
+
+      <div>
+        <h4>Duckett Jon, HTML & CSS design and buuild websites, Indianapolis 2011</h4>
+        <img class="book-cover" src="img/Duckett Jon HTML & CSS.jpg"
+          alt="Book's cover of Duckett Jon HTML & CSS design and buuild websites, Indianapolis 2011">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189">If You want to buy this book,
+          please click here</a>
+      </div>
+
+      <div>
+        <h4>Beecher Karl, Computational Thinking. A beginner's guide to problemsolving and programming, Swindon 2017
+        </h4>
+        <img class="book-cover" src="img/Beecher Karl, Computational Thinking.jpg" alt="Book's cover of ">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.amazon.co.uk/Python-Programming-Introduction-Computer-Science/dp/1887902996">If You want to
+          buy this book, please click here</a>
+      </div>
+
+      <div>
+        <h4>Zelle John, Python Programming: an introduction to computer science, Portland 2017</h4>
+        <img class="book-cover" src="img/Zelle John, Python Programming.jpg" alt="Book's cover of ">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.amazon.co.uk/Python-Programming-Introduction-Computer-Science/dp/1887902996">If You want to
+          buy this book, please click here</a>
+      </div>
+
+      <div>
+        <h4>Guttag V. John, Introduction to Computation and Progrramming <br> Using Python with Application to
+          Understanding
+          Data, London 2017</h4>
+        <img class="book-cover" src="img/Guttag V. John, Introduction to Computation and Progrramming.jpg"
+          alt="Book's cover of ">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.amazon.co.uk/Introduction-Computation-Programming-Using-Python/dp/0262529629">If You want
+          to buy this book, please click here</a>
+      </div>
+
+      <div>
+        <h4>Guido van Rossum and the Python development team, 2018</h4>
+        <img class="book-cover" src="img/Guido van Rossum and the Python development team.jpg" alt="Book's cover of ">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.amazon.com/Python-3-6-Tutorial-Guido-Rossum/dp/9888406906">If You want to buy this book,
+          please click here</a>
+      </div>
+
+      <div>
+        <h4>Hillard Dane, Practise of the Python Pro, Shelter Island 2020</h4>
+        <img class="book-cover" src="img/Hillard Dane, Practise of the Python Pro.jpg" alt="Book's cover of ">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+        <a href="https://www.amazon.com/Practices-Python-Pro-Dane-Hillard/dp/1617296082">If You want to buy this book,
+          please click here</a>
+      </div>
+
+    </section>
+
+    <hr>
+
+    <section class="youtube-channel-section">
+      <h3> YouTube Channels</h3>
+      <div>
+        <h4>Giles McMullen-Klein, Python Programmer</h4>
+        <iframe class="youtube-ch-video" src="https://www.youtube.com/embed/HIBY-47bHyw"></iframe>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.
+        </p>
+        <a href="https://www.youtube.com/user/consumerchampion">Click here to visit the channel</a>
+      </div>
+
+      <div>
+        <h4>Stefan Mischook</h4>
+        <iframe class="youtube-ch-video" src="https://www.youtube.com/embed/tQczIt6HrU8"></iframe>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+          <a href="https://www.youtube.com/user/killerphp">Click here to visit the channel</a>
+      </div>
+
+      <div>
+        <h4>Tech With Tim</h4>
+        <iframe class="youtube-ch-video" src="https://www.youtube.com/embed/JD-age0BPVo"></iframe>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porttitor sem placerat tellus interdum, a
+          egestas dolor fermentum. Nunc pretium finibus iaculis. Curabitur tempor in sem ornare tempus. Phasellus
+          sollicitudin ipsum sit amet ligula elementum, at fermentum neque ornare. Integer sodales a risus quis feugiat.
+          Cras suscipit, massa consectetur hendrerit pulvinar, eros purus scelerisque lacus, vitae pharetra orci lacus
+          non purus. Curabitur pretium vel lectus nec pulvinar. Nam sagittis augue ac bibendum vestibulum. In hac
+          habitasse platea dictumst. Curabitur nulla nisi, rutrum id convallis ultrices, placerat gravida odio.
+          Vestibulum efficitur ullamcorper rhoncus. Fusce feugiat arcu ut risus venenatis convallis. Sed cursus tempor
+          neque, quis tempus leo hendrerit non. Nulla tellus mi, elementum vitae quam ac, mollis tincidunt ex.</p>
+          <a href="https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg">Click here to visit the channel</a>
+      </div>
+
+    </section>
+
+  </main>
+
+  <!-- <sidebar></sidebar> -->
+
+  <footer>
+    <h5>Get In Touch</h5>
+    <a class="btn" href="mailto:patryk.r.nowak@gmail.com"><img class="email-icon" src="img/message.png"
+        alt="email-icone from flaticon.com"></a>
+    <a class="footer-link" href="https://www.linkedin.com/in/patryknowak1990/">
+      <img class="linkedin-icon" src="img/linkedIn.png" alt="linkedIn icone" /></a>
+    <p class="copyright">© 2020 Patryk Nowak.</p>
+  </footer>
+
+  <!-- Add your HTML markup here -->
+  <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
+</body>
+
+</html>
\ No newline at end of file