diff --git a/README.md b/README.md
index c37a352..77601bf 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,54 @@
-# Cplusplus-full-course-for-beginners
-Learn C++ from very basics to Object Oriented Programming, Classes, Objects and much more. Learn All the fundamentals and core concepts of C++ Programming language.
+# Cplusplus Full Course for Beginners
+
+Learn C++ from very basics up to and including Object Oriented Programming, Classes, Objects and much more. Learn All the fundamentals and core concepts of C++ Programming language.
+
+Follow the course:
+
+On this [Website](https://coding-aqyanoos.github.io/Cplusplus-full-course-for-beginners/) or On [YouTube](https://youtu.be/yn1qZsQlyWs).
+
+
+> _Thanks for Supporting our YouTube Channel_
+
+### Table of Content + Timing
+
+<ul >
+    <li><strong>0:00 </strong> Intro</li>
+    <li><strong>2:08 </strong> Installing C++ Compiler</li>
+    <li><strong>4:44 </strong> Write Your First C++ Program</li>
+    <li><strong>6:23 </strong> How to Compile and Execute a C++ Program?</li>
+    <li><strong>8:28 </strong> The Syntax of C++</li>
+    <li><strong>12:20 </strong> Comments in C++</li>
+    <li><strong>13:28 </strong> Variables in C++</li>
+    <li><strong>15:53 </strong> Naming Conventions in C++</li>
+    <li><strong>20:26 </strong> Constants in C++</li>
+    <li><strong>21:12 </strong> Inputs and Outputs</li>
+    <li><strong>23:31 </strong> Data Types in C++</li>
+    <li><strong>33:36 </strong> Type Conversions in C++</li>
+    <li><strong>39:53 </strong> String and String Methods in C++</li>
+    <li><strong>46:06 </strong> Escape Sequences</li>
+    <li><strong>51:11 </strong> Operators in C++</li>
+    <li><strong>1:04:46 </strong> Order of Operations in C++</li>
+    <li><strong>1:07:51 </strong> Conditionals in C++ or if else statements in C++</li>
+    <li><strong>1:16:18 </strong> Project in C++: Build a Basic Calculator in C++</li>
+    <li><strong>1:38:57 </strong> Switch statements in C++</li>
+    <li><strong>1:41:18 </strong> Loops in C++</li>
+    <li><strong>1:41:41 </strong> While Loop in C++</li>
+    <li><strong>1:47:01 </strong> Do While Loop in C++</li>
+    <li><strong>1:48:14 </strong> For Loop in C++</li>
+    <li><strong>1:51:10 </strong> Nested Loops. How to print matrix in the console in two dimensions?</li>
+    <li><strong>1:53:35 </strong> Arrays in C++</li>
+    <li><strong>1:55:06 </strong> For each Loop in C++</li>
+    <li><strong>1:57:51 </strong> Break and Continue in C++</li>
+    <li><strong>1:59:52 </strong> Structures in C++</li>
+    <li><strong>2:05:33 </strong> References in C++</li>
+    <li><strong>2:08:21 </strong> Pointers in C++</li>
+    <li><strong>2:11:44 </strong> Functions in C++</li>
+    <li><strong>2:16:13 </strong> C++ Project: Build a currency convertor app</li>
+    <li><strong>2:19:03 </strong> Interesting Information About C++</li>
+    <li><strong>2:19:54 </strong> C++ Object Oriented Programming</li>
+    <li><strong>2:35:20 </strong> C++ Project: Create A Product Management App</li>
+    <li><strong>2:50:22 </strong> Thanks and Final Words</li>
+</ul>
+
+
+## Have fun Learning programming.
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..006e0a0
--- /dev/null
+++ b/index.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="title" content="C++ Full Course for Beginners. A Complete Tutorial.">
+    <meta name="description" content="In this course you will learn all the core concepts and all the fundemantals of C++ Programming Language from 
+    very basics to very advance. By the end of this course you will be a professional C++ Developer.">
+    <meta name="keywords"
+        content="C++, Full Course, C++ Tutorial, Online course, online Tutorial, C++ Programming, 
+        Programming, C++ Full Course for Beginners, C++ Tutorial for Beginners, Learn C++ Online, Learn Programming Online, Learn coding online">
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-size: 16px;
+            font-family: Verdana, Arial, Tahoma;
+            background: #eeeeee;
+            background-color: #eee;
+            color: #000;
+            line-height: 25px;
+            letter-spacing: 1px;
+        }
+
+        article.main {
+            padding: 20px 10px;
+        }
+
+        .nav-top {
+            display: flex;
+            justify-content: space-around;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            padding: 10px 5px;
+            background: #005050;
+            color: #fff;
+        }
+
+        .nav-top a {
+            color: #fff;
+            text-decoration: none;
+            font-size: 14px;
+        }
+
+        iframe {
+            margin: 10px calc(15%);
+            width: 70%;
+        }
+
+        .px-10 {
+            padding-left: 10px;
+            padding-right: 10px;
+        }
+
+        .quote {
+            margin: 10px;
+            font-style: italic;
+            background: #05aa05;
+            color: #fff;
+            padding: 5px;
+        }
+
+        .quote a {
+            color: #47eff8;
+        }
+
+        .mt-60 {
+            margin-top: 60px;
+        }
+
+        .spacer {
+            margin: 20px 0;
+        }
+
+        a {
+            color: #3197fd;
+            text-decoration: none;
+        }
+
+        .related-courses {
+            background: #ddd;
+            box-shadow: 0 0 3px 5px #86e9ff;
+            padding: 10px 15px;
+            margin: 15px;
+        }
+
+        .related-courses ul {
+            line-height: 35px;
+        }
+
+        ::selection {
+            background: #005050;
+            color: #fff;
+        }
+
+
+        /* for mobile devices */
+        @media only screen and (max-width: 900px) {
+            iframe {
+                margin: 10px calc(1%);
+                width: 98%;
+            }
+
+            .related-courses {
+                padding: 5px;
+                margin: 15px 5px;
+            }
+
+            .nav-top a {
+                font-size: 14px;
+            }
+        }
+    </style>
+    <title>C++ Full Course for Beginners</title>
+</head>
+
+<body>
+
+    <nav class="px-10 nav-top">
+        <a href="https://www.youtube.com/@coding-aqyanoos" target="_blank" title="Visit Our YouTube Channel">YouTube</a>
+        <a href="https://www.linkedin.com/in/coding-aqyanoos/" target="_blank"
+            title="Visit Our LinkedIn Page">LinkedIn</a>
+        <a href="https://www.facebook.com/CodingAqyanoos" target="_blank" title="Visit Our Facebook Page">Facebook</a>
+        <a href="https://aqyanoos.com" target="_blank">Usefull Apps</a>
+    </nav>
+
+    <div class=" quote mt-60">
+        We are sharing our knowledge about Computers, Programming and Coding for Free.
+        Check out our <a href="https://www.youtube.com/@coding-aqyanoos" target="_blank"
+            title="Visit Our YouTube Channel">YouTube Channel</a>.
+    </div>
+    <article class="main">
+        <header>
+            <h1>C++ Full Course for Beginners</h1>
+        </header>
+        <section class="content">
+            <p>
+                In this course you will learn all the core concepts and all the fundemantals of C++ Programming
+                Language from
+                very basics to very advance. By the end of this course you will be a professional C++ Developer.
+            </p>
+            <p>
+                In this course you will learn everthing you need to know to work on any C++ projects with confidence
+                in the work environment or in the production.
+            </p>
+
+            <p>
+                The course is designed to make you a professional C++ developer in a fast and efficient way. If you
+                learn more than 80% of what I teach you in this course, I guarantee that you will be a professional C++
+                programmer by the end of this video. I wish you Success and have fun learning with me.
+            </p>
+
+            <p>
+                You can watch the video here below or on YouTube by clicking on this link <a
+                    href="https://youtu.be/yn1qZsQlyWs" target="_blank">https://youtu.be/yn1qZsQlyWs</a>.
+
+            </p>
+            <p>
+                Check out the course overview (Things you will learn in this course) <a
+                    href="#table-of-content">here</a>.
+            </p>
+            <!-- width="560" height="315" -->
+            <iframe src="https://www.youtube.com/embed/yn1qZsQlyWs?si=Jx68WqP3zLoYC194" title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen></iframe>
+
+
+        </section>
+        <footer>
+            <strong>
+                I hope it was helpful. Thanks for visiting this page and thanks for supporting our YouTube Channel.
+            </strong>
+            <section class="px-10 related-courses">
+                <h3>Related Courses and Tutorials on my YouTube Channel</h3>
+                <ul>
+                    <li>
+                        <a href="https://youtu.be/IoneBTpCB6k" target="_blank">How to update / upgrade any .Net App or
+                            .NET project very easy?</a>.
+                    </li>
+
+                    <li>
+                        <a href="https://youtu.be/lEFzS_8oUD4" target="_blank">How to Become a Software Engineer and Get
+                            a job(No Degree / Experience)?</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/b7HCZJlchas" target="_blank">ASP.NET Core MVC Tutorial for Beginners -
+                            Full Stack CRUD Web application in ASP.NET</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/1iaimCQHeHw" target="_blank">Android App Development Course for
+                            Beginners</a>.
+                        In this course you will learn the entire flow of building and publishing Android apps on Google
+                        Play Store Step-by-Step.
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/V8Npso2-Ips" target="_blank">How to make multi language website?</a>
+                        With only 2 lines of code
+                        you can make your website multi language. Super Easy and Efficient.
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/IlNLmM-_ktY" target="_blank">Java Full Course for Beginners</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/9r-_NUvxko4" target="_blank">Python Full Course for Beginners</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/E_MvVauaKhU" target="_blank">C# Full Course for Beginners</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/EJgzPBO2juM" target="_blank">React Full Course with Web API and MS
+                            SQL. Integrating React in ASP.NET Core Web API with SQL Database</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/9RlYJqW7PV4" target="_blank">CSS Full Course for Beginners - Learn
+                            Everything About CSS</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/3zjY35PtTaY" target="_blank">How to Read Google Sheets and display on
+                            a web page using JavaScript?</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/YkLyu8bZwjc" target="_blank">React Full Course with Web API and
+                            MongoDB. Integrating React in ASP.NET Core Web API with MongoDB Database</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/U_btpLNC_Rc" target="_blank">Build a Custom Video Player just like
+                            YouTube Video Player using pure HTML CSS and JavaScript</a>
+                    </li>
+                    <li>
+                        <a href="https://youtu.be/kvPg4v_yMbg" target="_blank">Build Online Text Editor or Notepad using
+                            pure HTML CSS and JavaScript</a>
+                    </li>
+                </ul>
+            </section>
+        </footer>
+    </article>
+
+    <div class="spacer"></div>
+
+    <article class="main">
+
+
+        <section id="table-of-content">
+            <h3>Table of Content</h3>
+            <p>These are what you will learn in this full course. At the left side you can see the timing as
+                well.</p>
+
+            <ul class="chapters">
+                <li><strong>0:00 </strong> Intro</li>
+                <li><strong>2:08 </strong> Installing C++ Compiler</li>
+                <li><strong>4:44 </strong> Write Your First C++ Program</li>
+                <li><strong>6:23 </strong> How to Compile and Execute a C++ Program?</li>
+                <li><strong>8:28 </strong> The Syntax of C++</li>
+                <li><strong>12:20 </strong> Comments in C++</li>
+                <li><strong>13:28 </strong> Variables in C++</li>
+                <li><strong>15:53 </strong> Naming Conventions in C++</li>
+                <li><strong>20:26 </strong> Constants in C++</li>
+                <li><strong>21:12 </strong> Inputs and Outputs</li>
+                <li><strong>23:31 </strong> Data Types in C++</li>
+                <li><strong>33:36 </strong> Type Conversions in C++</li>
+                <li><strong>39:53 </strong> String and String Methods in C++</li>
+                <li><strong>46:06 </strong> Escape Sequences</li>
+                <li><strong>51:11 </strong> Operators in C++</li>
+                <li><strong>1:04:46 </strong> Order of Operations in C++</li>
+                <li><strong>1:07:51 </strong> Conditionals in C++ or if else statements in C++</li>
+                <li><strong>1:16:18 </strong> Project in C++: Build a Basic Calculator in C++</li>
+                <li><strong>1:38:57 </strong> Switch statements in C++</li>
+                <li><strong>1:41:18 </strong> Loops in C++</li>
+                <li><strong>1:41:41 </strong> While Loop in C++</li>
+                <li><strong>1:47:01 </strong> Do While Loop in C++</li>
+                <li><strong>1:48:14 </strong> For Loop in C++</li>
+                <li><strong>1:51:10 </strong> Nested Loops. How to print matrix in the console in two dimensions?</li>
+                <li><strong>1:53:35 </strong> Arrays in C++</li>
+                <li><strong>1:55:06 </strong> For each Loop in C++</li>
+                <li><strong>1:57:51 </strong> Break and Continue in C++</li>
+                <li><strong>1:59:52 </strong> Structures in C++</li>
+                <li><strong>2:05:33 </strong> References in C++</li>
+                <li><strong>2:08:21 </strong> Pointers in C++</li>
+                <li><strong>2:11:44 </strong> Functions in C++</li>
+                <li><strong>2:16:13 </strong> C++ Project: Build a currency convertor app</li>
+                <li><strong>2:19:03 </strong> Interesting Information About C++</li>
+                <li><strong>2:19:54 </strong> C++ Object Oriented Programming</li>
+                <li><strong>2:35:20 </strong> C++ Project: Create A Product Management App</li>
+                <li><strong>2:50:22 </strong> Thanks and Final Words</li>
+            </ul>
+
+            <h3>Enjoy Learning Programming. Have fun and make sure to take enough breaks when you are behind computer.
+                Take care!</h3>
+        </section>
+    </article>
+
+    <div class="spacer"></div>
+    <div class="spacer"></div>
+    <script>
+
+
+        const iframe_ = document.querySelector("iframe")
+
+
+        function setIframeHeight() {
+            let winWidth_ = window.innerWidth
+
+            let width_ = winWidth_ * 0.7
+
+            if (winWidth_ < 900) {
+                width_ = winWidth_ * 0.98
+            }
+
+            let height_ = width_ * 9 / 16;
+
+            if (iframe_) {
+                iframe_.height = height_;
+            }
+        }
+
+        // on page reload
+        setIframeHeight()
+
+        // const contents = `
+
+        // `;
+
+        // const toArr = contents.split("\n")
+
+        // const ol_ = document.querySelector("ul.chapters")
+        // toArr.forEach(e => {
+        //     const xyz = e.trim();
+        //     if (xyz !== "") {
+        //         const timing_ = xyz.split(" ")
+        //         const li_ = document.createElement("li")
+
+        //         li_.innerHTML = "<strong>" + timing_[0] + " </strong> ";
+        //         timing_.shift()
+        //         li_.innerHTML = li_.innerHTML + timing_.join(" ")
+        //         ol_.appendChild(li_)
+        //     }
+        // })
+
+        //on page resize
+        window.onresize = setIframeHeight;
+
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
