geekinks · geekink-dev · Sep 23, 2025
diff --git a/IMG_20250822_175118.jpg b/IMG_20250822_175118.jpg
diff --git a/IMG_20250824_162713.jpg b/IMG_20250824_162713.jpg
diff --git a/IMG_20250824_162746.jpg b/IMG_20250824_162746.jpg
diff --git a/IMG_20250824_162755.jpg b/IMG_20250824_162755.jpg
diff --git a/IMG_20250824_162807.jpg b/IMG_20250824_162807.jpg
diff --git a/IMG_20250824_162812.jpg b/IMG_20250824_162812.jpg
diff --git a/Week_2/lession/favicon.ico b/Week_2/lession/favicon.ico
diff --git a/Week_2/lession/icon.jpg b/Week_2/lession/icon.jpg
diff --git a/Week_2/lession/img/android-chrome-192x192.png b/Week_2/lession/img/android-chrome-192x192.png
diff --git a/Week_2/lession/img/android-chrome-512x512.png b/Week_2/lession/img/android-chrome-512x512.png
diff --git a/Week_2/lession/img/apple-touch-icon.png b/Week_2/lession/img/apple-touch-icon.png
diff --git a/Week_2/lession/img/favicon-16x16.png b/Week_2/lession/img/favicon-16x16.png
diff --git a/Week_2/lession/img/favicon-32x32.png b/Week_2/lession/img/favicon-32x32.png
diff --git a/Week_2/lession/index.html b/Week_2/lession/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png">
+    <link rel="manifest" href="./site.webmanifest">
+    <title>HTML</title>
+</head>
+<body>
+  <center><h1>Call to action</h1></center>
+
+  <h2>All forms</h2>
+  <ol type="1" start="4">
+    <li>list 1
+        <ol >
+            <li>list 1.1</li>
+            <li>list 1.2</li>
+            <li>list 1.3</li>
+        </ol>
+    </li>
+    <li>list 2
+        <ol>
+            <li>list 2.1</li>
+            <li>list 2.2</li>
+            <li>list 2.3</li>
+        </ol>
+    </li>
+    <li>list 3</li>
+     </ol>
+
+     <h2>Welcome to paragrap</h2>
+     <p>
+
+     </p>
+</body>
+</html>
diff --git a/Week_2/lession/site.webmanifest b/Week_2/lession/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/Week_2/lession/test.html b/Week_2/lession/test.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Favicon Test</title>
+    <link rel="shortcut icon" href="../../icon.jpg" type="image/x-icon">
+</head>
+<body>
+
+</body>
+</html>
diff --git a/Week_2/lession2/assets/audio/sound.m4a b/Week_2/lession2/assets/audio/sound.m4a
diff --git a/Week_2/lession2/assets/images/01 (1).jpg b/Week_2/lession2/assets/images/01 (1).jpg
diff --git a/Week_2/lession2/assets/images/01 (3).jpg b/Week_2/lession2/assets/images/01 (3).jpg
diff --git a/Week_2/lession2/assets/images/01 (6).jpg b/Week_2/lession2/assets/images/01 (6).jpg
diff --git a/Week_2/lession2/assets/images/_MG_0589.jpg b/Week_2/lession2/assets/images/_MG_0589.jpg
diff --git a/Week_2/lession2/assets/vedio/fact.mp4 b/Week_2/lession2/assets/vedio/fact.mp4
diff --git a/Week_2/lession2/assets/vedio/hack.mp4 b/Week_2/lession2/assets/vedio/hack.mp4
diff --git a/Week_2/lession2/assets/vedio/pdf/syllabu.pdf b/Week_2/lession2/assets/vedio/pdf/syllabu.pdf
diff --git a/Week_2/lession2/assets/vedio/vusi.mp4 b/Week_2/lession2/assets/vedio/vusi.mp4
diff --git a/Week_2/lession2/index.html b/Week_2/lession2/index.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lession | media</title>
+</head>
+<body>
+    <center><h1>working with Media Rousorce in HTML</h1></center>
+
+    <h2>Types of Media</h2>
+    <ul>
+        <li>images</li>
+        <li>Videos</li>
+        <li>Audion</li>
+        <li>Dosuments</li>
+    </ul>
+
+    <h2>Images</h2>
+    <p>Images are the most commonly used media type on the web. They can be used to enhance the visual appeal of a website, provide information, and create a more engaging user experience.</p>
+
+    <h3>Image Formats</h3>
+    <ul>
+        <li>JPEG (Joint Photographic Experts Group)</li>
+        <li>PNG (Portable Network Graphics)</li>
+        <li>GIF (Graphics Interchange Format)</li>
+        <li>SVG (Scalable Vector Graphics)</li>
+        <li>WebP</li>
+    </ul>
+    <!-- Example of images liks -->
+    <h3>Example of Images</h3> <h1>thress imags </h1>
+    <center>
+    <img src="./assets/images/01 (1).jpg"  width="60%" height="auto"/>
+    <br/>
+    <img src="./assets/images/01 (3).jpg"  width="30%" height="auto"/>
+    <img src="./assets/images/01 (6).jpg"  width="30%" height="auto"/>
+   </center>
+
+   <h2>videos</h2>
+   <p>Videos are a powerful way to convey information and tell stories. They can be
+    used for tutorials, product demonstrations, marketing, and entertainment.</p>
+    <h3>Video Formats</h3>
+    <ul>
+        <li>MP4 (MPEG-4 Part 14)</li>
+        <li>WebM</li>
+        <li>OGG (Ogg Theora)</li>
+    </ul>
+    <!-- Example of video link -->
+    <h3>Example of Video</h3>
+    <center>
+    <video width="40%" height="40%" controls  loop>
+        <source src="./assets/vedio/fact.mp4" type="video/mp4">
+        Your browser does not support the video tag.
+      </video>
+
+      <br>
+        <video width="40%" height="40%" controls  loop>
+            <source src="./assets/vedio/hack.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+            </video>
+
+     <br>
+        <video width="40%" height="40%" controls  loop>
+            <source src="./assets/vedio/vusi.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+            </video>
+
+    </center>   
+
+
+    <h2>Audio</h2>
+    <p>Audio files can be used for music, podcasts, sound effects, and voiceovers. They can enhance the user experience and provide additional context to the content on a website.</p>
+    <h3>Audio Formats</h3>
+    <ul>
+        <li>MP3 (MPEG Audio Layer III)</li>
+        <li>WAV (Waveform Audio File Format)</li>
+        <li>OGG (Ogg Vorbis)</li>
+        <li>AAC (Advanced Audio Coding)</li>
+    </ul>
+    <!-- Example of audio link -->
+
+    <h3>Example of Audio</h3>
+    <center>
+    <audio controls  autoplay> 
+        <source src="./assets/audio/sound.m4a" type="audio/mpeg">
+        Your browser does not support the audio element.
+      </audio>
+</center>
+
+<h2>Documents</h2>
+<p>Documents can be used to provide additional information, resources, and references. They can be in various formats, including PDF, Word, and Excel.</p>
+<h3>Document Formats</h3>
+<ul>
+    <li>PDF (Portable Document Format)</li>
+    <li>DOCX (Microsoft Word Document)</li>
+    <li>XLSX (Microsoft Excel Spreadsheet)</li>
+    <li>PPTX (Microsoft PowerPoint Presentation)</li>
+    <li>TXT (Plain Text File)</li>
+</ul>
+<!-- Example of document link -->
+<h3>Example of Document</h3>
+<center>
+<a href="./assets/vedio/pdf/syllabu.pdf" download>Download Sample PDF Document</a>
+<!-- open PDF on web -->
+<br>
+<a href="./assets/vedio/pdf/syllabu.pdf" target="_blank">Open Sample
+    PDF Document in Browser</a>
+
+    <!-- emdeed open on the site or ifren -->
+    <br>
+<embed src="./assets/vedio/pdf/syllabu.pdf" type="application/pdf" width="60%" height="600px" />
+
+
+</center>
+
+
+
+
+
+</body>
+</html>
diff --git a/icon.jpg b/icon.jpg
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}