diff --git a/assets/img/codeigniter.png b/assets/img/codeigniter.png
new file mode 100644
index 0000000..9365fde
Binary files /dev/null and b/assets/img/codeigniter.png differ
diff --git a/assets/img/css.png b/assets/img/css.png
new file mode 100644
index 0000000..192bdec
Binary files /dev/null and b/assets/img/css.png differ
diff --git a/assets/img/html.jpg b/assets/img/html.jpg
new file mode 100644
index 0000000..15faaee
Binary files /dev/null and b/assets/img/html.jpg differ
diff --git a/assets/img/javascript.jpg b/assets/img/javascript.jpg
new file mode 100644
index 0000000..b222fb2
Binary files /dev/null and b/assets/img/javascript.jpg differ
diff --git a/assets/img/jquery.jpg b/assets/img/jquery.jpg
new file mode 100644
index 0000000..06a0dbf
Binary files /dev/null and b/assets/img/jquery.jpg differ
diff --git a/assets/img/lrvl.png b/assets/img/lrvl.png
new file mode 100644
index 0000000..06881bf
Binary files /dev/null and b/assets/img/lrvl.png differ
diff --git a/assets/img/mysql.png b/assets/img/mysql.png
new file mode 100644
index 0000000..c6ac1c2
Binary files /dev/null and b/assets/img/mysql.png differ
diff --git a/assets/img/php.png b/assets/img/php.png
new file mode 100644
index 0000000..6fc3c81
Binary files /dev/null and b/assets/img/php.png differ
diff --git a/assets/pdf/CSS.pdf b/assets/pdf/CSS.pdf
new file mode 100644
index 0000000..087a1e7
Binary files /dev/null and b/assets/pdf/CSS.pdf differ
diff --git a/assets/pdf/HTML.pdf b/assets/pdf/HTML.pdf
new file mode 100644
index 0000000..09b64c1
Binary files /dev/null and b/assets/pdf/HTML.pdf differ
diff --git a/assets/pdf/JS.pdf b/assets/pdf/JS.pdf
new file mode 100644
index 0000000..fe5315a
Binary files /dev/null and b/assets/pdf/JS.pdf differ
diff --git a/assets/pdf/PHP.pdf b/assets/pdf/PHP.pdf
new file mode 100644
index 0000000..5fa46ef
Binary files /dev/null and b/assets/pdf/PHP.pdf differ
diff --git a/assets/pdf/codeigniter.pdf b/assets/pdf/codeigniter.pdf
new file mode 100644
index 0000000..7fa889c
Binary files /dev/null and b/assets/pdf/codeigniter.pdf differ
diff --git a/assets/pdf/jquery.pdf b/assets/pdf/jquery.pdf
new file mode 100644
index 0000000..5684a04
Binary files /dev/null and b/assets/pdf/jquery.pdf differ
diff --git a/assets/pdf/laravel.pdf b/assets/pdf/laravel.pdf
new file mode 100644
index 0000000..95d4b59
Binary files /dev/null and b/assets/pdf/laravel.pdf differ
diff --git a/index.html b/index.html
index 71af06e..7b43122 100644
--- a/index.html
+++ b/index.html
@@ -74,83 +74,98 @@ <h4 class="card-title">Card 1</h4>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
                 <h4 class="card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/7096/people-woman-coffee-meeting.jpg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="item-card-title mt-3 mb-3">Title</h5>
+                <a href="/assets/pdf/HTML.pdf">
+                  <img
+                    src="/assets/img/html.jpg"
+                    alt="HTML tutorial"
+                  />
+                </a>
+                <h5 class="item-card-title mt-3 mb-3">HTML Tutorial</h5>
               </div>
             </div>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
                 <h4 class="item-card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/7357/startup-photos.jpg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="card-title mt-3 mb-3">Title</h5>
+                <a href="/assets/pdf/CSS.pdf">
+                  <img
+                    src="/assets/img/css.png"
+                    alt="CSS Tutorial"
+                  />
+                </a>
+                <h5 class="card-title mt-3 mb-3">CSS Tutorial</h5>
               </div>
             </div>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
                 <h4 class="item-card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/262550/pexels-photo-262550.jpeg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="card-title mt-3 mb-3">Title</h5>
+                <a href="/assets/pdf/JS.pdf">
+                  <img
+                    src="/assets/img/javascript.jpg"
+                    alt="Javascript Tutorial"
+                  />
+                </a>
+                <h5 class="card-title mt-3 mb-3">Javascript Tutorial</h5>
               </div>
             </div>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
-                <h4 class="item-card-title text-right"></h4>
+                <h4 class="card-title text-right"></h4>
+                <a href="/assets/pdf/jquery.pdf"></a>
                 <img
-                  src="https://static.pexels.com/photos/326424/pexels-photo-326424.jpeg"
-                  alt="Photo of sunset"
+                  src="/assets/img/jquery.jpg"
+                  alt="Jquery Tutorial"
                 />
-                <h5 class="card-title mt-3 mb-3">Title</h5>
+                <h5 class="item-card-title mt-3 mb-3">JQuery Tutorial</h5>
               </div>
             </div>
           </div>
           <div class="row">
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
-                <h4 class="card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/7096/people-woman-coffee-meeting.jpg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="item-card-title mt-3 mb-3">Title</h5>
+                <h4 class="item-card-title text-right"></h4>
+                <a href="/assets/pdf/PHP.pdf">
+                  <img
+                    src="/assets/img/php.png"
+                    alt="PHP Tutorial"
+                  />
+                </a>
+                <h5 class="card-title mt-3 mb-3">PHP Tutorial</h5>
               </div>
             </div>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
                 <h4 class="item-card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/7357/startup-photos.jpg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="card-title mt-3 mb-3">Title</h5>
+                <a href="https://docs.google.com/viewer?url=https://www.computer-pdf.com/pdf/0888-learning-mysql.pdf">
+                  <img
+                    src="/assets/img/mysql.png"
+                    alt="MySql Tutorial"
+                  />
+                </a>
+                <h5 class="card-title mt-3 mb-3">MySql Tutorial</h5>
               </div>
             </div>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
                 <h4 class="item-card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/262550/pexels-photo-262550.jpeg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="card-title mt-3 mb-3">Title</h5>
+                <a href="/assets/pdf/codeigniter.pdf">
+                  <img
+                    src="/assets/img/codeigniter.png"
+                    alt="CodeIgniter Tutorial"
+                  />
+                </a>
+                <h5 class="card-title mt-3 mb-3">CodeIgniter Tutorial</h5>
               </div>
             </div>
             <div class="col-md-3 col-sm-6 item">
               <div class="card item-card card-block">
                 <h4 class="item-card-title text-right"></h4>
-                <img
-                  src="https://static.pexels.com/photos/326424/pexels-photo-326424.jpeg"
-                  alt="Photo of sunset"
-                />
-                <h5 class="card-title mt-3 mb-3">Title</h5>
+                <a href="/assets/pdf/laravel.pdf">
+                  <img
+                    src="/assets/img/lrvl.png"
+                    alt="Laravel Tutorial"
+                  />
+                </a>
+                <h5 class="card-title mt-3 mb-3">Laravel Tutorial</h5>
               </div>
             </div>
           </div>