Skip to content

Completed SuperSimpleDev Homework ✅ #102

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 41 commits into
base: main
Choose a base branch
from
Open

Completed SuperSimpleDev Homework ✅ #102

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
a1abdb8
Elyas Sharifi
leosharifi Dec 11, 2024
66a846f
12
leosharifi Dec 19, 2024
eb7e68a
1
leosharifi Dec 19, 2024
b0c1193
HTML CSS
leosharifi Dec 19, 2024
40b15cd
1
leosharifi Dec 19, 2024
8376e3c
1
leosharifi Dec 20, 2024
b7e09bf
1
leosharifi Dec 20, 2024
5fefebe
1
leosharifi Dec 20, 2024
7e05f57
1
leosharifi Dec 20, 2024
dffd683
1
leosharifi Dec 20, 2024
24c83fa
1
leosharifi Dec 20, 2024
5ca2eac
1
leosharifi Dec 20, 2024
24b603a
1
leosharifi Dec 20, 2024
436113d
Update style.css
leosharifi Dec 20, 2024
b8a4a3a
Cards
leosharifi Dec 20, 2024
7bafa31
google search
leosharifi Dec 20, 2024
ad99242
cards
leosharifi Dec 20, 2024
3fe3656
Grid practice
leosharifi Dec 20, 2024
443a23d
Twitter Cards
leosharifi Dec 21, 2024
06a9145
Finished
leosharifi Dec 22, 2024
cb86f85
finished
leosharifi Dec 22, 2024
22e23a7
finished
leosharifi Dec 22, 2024
d509f89
Finished
leosharifi Dec 22, 2024
c4d1ef5
Finished
leosharifi Dec 22, 2024
db13712
finished
leosharifi Dec 22, 2024
5994e01
finished
leosharifi Dec 22, 2024
34500fa
Create README.md
leosharifi Dec 23, 2024
161e0a0
Update README.md
leosharifi Dec 23, 2024
72512ca
finished
leosharifi Dec 23, 2024
d496c70
Merge branch 'main' of https://github.com/elyassharifi/html-css-course
leosharifi Dec 23, 2024
254d6fe
Finished
leosharifi Dec 23, 2024
3ebc038
Finished
leosharifi Dec 23, 2024
9da457a
Finished
leosharifi Dec 23, 2024
5ddc1b2
Finished
leosharifi Dec 24, 2024
17695a9
Finished
leosharifi Dec 24, 2024
27fe407
Finished
leosharifi Dec 24, 2024
b2b8420
Finished
leosharifi Dec 24, 2024
ca6a6ee
Finished
leosharifi Dec 25, 2024
afde56b
1
leosharifi Dec 25, 2024
8ca45ce
Update README.md
leosharifi Apr 30, 2025
8f42bce
Merge branch 'main' into main
leosharifi Apr 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
242 changes: 127 additions & 115 deletions 1-exercise-solutions/lesson-16/16d/youtube.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,163 +1,175 @@
...

<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/mkbhd" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-1.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-1.jpeg">
<div>
<div class="channel-tooltip-name">
Marques Brownlee
</div>
<div class="channel-tooltip-stats">
15M subscribers
</div>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="video.css">
<title>Document</title>
</head>
<body>
<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/mkbhd" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-1.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-1.jpeg">
<div>
<div class="channel-tooltip-name">
Marques Brownlee
</div>
<div class="channel-tooltip-stats">
15M subscribers
</div>
</div>
</div>
...
</div>
</div>
...
</div>
</div>

...

<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/markiplier" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-2.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-2.jpeg">
<div>
<div class="channel-tooltip-name">
Markiplier
</div>
<div class="channel-tooltip-stats">
30M subscribers
</div>
</div>
<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/markiplier" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-2.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-2.jpeg">
<div>
<div class="channel-tooltip-name">
Markiplier
</div>
<div class="channel-tooltip-stats">
30M subscribers
</div>
</div>
</div>
...
</div>
</div>
...
</div>
</div>

...

<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/SSSniperWolf" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-3.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-3.jpeg">
<div>
<div class="channel-tooltip-name">
SSSniperWolf
</div>
<div class="channel-tooltip-stats">
31M subscribers
</div>
</div>
<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/SSSniperWolf" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-3.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-3.jpeg">
<div>
<div class="channel-tooltip-name">
SSSniperWolf
</div>
<div class="channel-tooltip-stats">
31M subscribers
</div>
</div>
</div>
...
</div>
</div>
...
</div>
</div>

...

<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/veritasium" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-4.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-4.jpeg">
<div>
<div class="channel-tooltip-name">
veritasium
</div>
<div class="channel-tooltip-stats">
11.5M subscribers
</div>
</div>
<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/veritasium" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-4.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-4.jpeg">
<div>
<div class="channel-tooltip-name">
veritasium
</div>
<div class="channel-tooltip-stats">
11.5M subscribers
</div>
</div>
</div>
...
</div>
</div>
...
</div>
</div>

...

<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/CSDojo" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-5.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-5.jpeg">
<div>
<div class="channel-tooltip-name">
CS Dojo
</div>
<div class="channel-tooltip-stats">
1.79M subscribers
</div>
</div>
<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/CSDojo" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-5.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-5.jpeg">
<div>
<div class="channel-tooltip-name">
CS Dojo
</div>
<div class="channel-tooltip-stats">
1.79M subscribers
</div>
</div>
</div>
...
</div>
</div>
...
</div>
</div>

...

<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/MrBeast6000" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-6.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-6.jpeg">
<div>
<div class="channel-tooltip-name">
MrBeast
</div>
<div class="channel-tooltip-stats">
90.6M subscribers
</div>
</div>
<div class="video-preview">
...
<div class="video-info-grid">
<div class="channel-picture">
<div class="profile-picture-container">
<a href="https://youtube.com/c/MrBeast6000" target="_blank">
<img class="profile-picture" src="channel-pictures/channel-6.jpeg">
</a>
<div class="channel-tooltip">
<img class="channel-tooltip-picture" src="channel-pictures/channel-6.jpeg">
<div>
<div class="channel-tooltip-name">
MrBeast
</div>
<div class="channel-tooltip-stats">
90.6M subscribers
</div>
</div>
</div>
...
</div>
</div>
...
</div>
</div>

...


</body>
</html>
11 changes: 11 additions & 0 deletions 4-Exercises/Lesson-1/1a.Click.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button</title>
</head>
<body>
<button>Click</button>
</body>
</html>
12 changes: 12 additions & 0 deletions 4-Exercises/Lesson-1/1b.buttons.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>Buttons</title>
</head>
<body>
<button>Elyas</button>
<button>Beans</button>
</body>
</html>
11 changes: 11 additions & 0 deletions 4-Exercises/Lesson-1/1c.Hello,world.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paragraph</title>
</head>
<body>
<p>Hello, World!</p>
</body>
</html>
12 changes: 12 additions & 0 deletions 4-Exercises/Lesson-1/1d.p-and-p.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>Paragraphs</title>
</head>
<body>
<p>Hello, World!</p>
<p>Today, I did some amazing things</p>
</body>
</html>
11 changes: 11 additions & 0 deletions 4-Exercises/Lesson-1/1e.googlelink.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google</title>
</head>
<body>
<a href="https://www.google.com/" target="_blank">Search with Google</a>
</body>
</html>
15 changes: 15 additions & 0 deletions 4-Exercises/Lesson-1/1g.backtoamazan.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amazone</title>
</head>
<body>
<a href="https://www.amazon.com/">Back to Amazon</a>
<p>Nick Black Running Shoes</p>
<p>$39-in stock</p>
<p>Free delivery tomorrow</p>
<button>Add to cart</button> <button>Buy now</button>
</body>
</html>
Loading