PaperTowel/HTML-and-CSS-Crashcourse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Lucas
2023-02-21 22:58:41 -08:00
commit d27cfca2e7
12 changed files with 931 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
images/bullet.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
<g id="bullet" transform="translate(-422 -985)">
<circle id="Ellipse_3" data-name="Ellipse 3" cx="14" cy="14" r="14" transform="translate(422 985)" fill="#1fc41f"/>
<path id="Path_2" data-name="Path 2" d="M1132.312,412.821l3.538,3.538,4.655-4.655,2.276-2.276" transform="translate(-701.555 586.098)" fill="none" stroke="#fff" stroke-width="3"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

24
images/dots.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" width="142" height="109" viewBox="0 0 142 109">
<g id="dots" transform="translate(-131 -963)">
<circle id="Ellipse_2" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(131 963)" fill="#fff"/>
<circle id="Ellipse_2-2" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(164 963)" fill="#fff"/>
<circle id="Ellipse_2-3" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(197 963)" fill="#fff"/>
<circle id="Ellipse_2-4" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(230 963)" fill="#fff"/>
<circle id="Ellipse_2-5" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(263 963)" fill="#fff"/>
<circle id="Ellipse_2-6" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(131 996)" fill="#fff"/>
<circle id="Ellipse_2-7" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(164 996)" fill="#fff"/>
<circle id="Ellipse_2-8" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(197 996)" fill="#fff"/>
<circle id="Ellipse_2-9" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(230 996)" fill="#fff"/>
<circle id="Ellipse_2-10" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(263 996)" fill="#fff"/>
<circle id="Ellipse_2-11" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(131 1029)" fill="#fff"/>
<circle id="Ellipse_2-12" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(164 1029)" fill="#fff"/>
<circle id="Ellipse_2-13" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(197 1029)" fill="#fff"/>
<circle id="Ellipse_2-14" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(230 1029)" fill="#fff"/>
<circle id="Ellipse_2-15" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(263 1029)" fill="#fff"/>
<circle id="Ellipse_2-16" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(131 1062)" fill="#fff"/>
<circle id="Ellipse_2-17" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(164 1062)" fill="#fff"/>
<circle id="Ellipse_2-18" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(197 1062)" fill="#fff"/>
<circle id="Ellipse_2-19" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(230 1062)" fill="#fff"/>
<circle id="Ellipse_2-20" data-name="Ellipse 2" cx="5" cy="5" r="5" transform="translate(263 1062)" fill="#fff"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

3
images/exit.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20.953" height="20.953" viewBox="0 0 20.953 20.953">
<path id="Icon_ionic-md-close" data-name="Icon ionic-md-close" d="M28.477,9.619l-2.1-2.1L18,15.9,9.619,7.523l-2.1,2.1L15.9,18,7.523,26.381l2.1,2.1L18,20.1l8.381,8.381,2.1-2.1L20.1,18Z" transform="translate(-7.523 -7.523)" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 348 B

BIN
images/holding-phone.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

48
images/illustration.svg Normal file
View File

@@ -0,0 +1,48 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="411" height="402" viewBox="0 0 411 402">
<defs>
<filter id="Rectangle_6" x="2" y="0" width="409" height="402" filterUnits="userSpaceOnUse">
<feOffset dy="9" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="9" result="blur"/>
<feFlood flood-opacity="0.09"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="illustration" transform="translate(-1100 -312)">
<g transform="matrix(1, 0, 0, 1, 1100, 312)" filter="url(#Rectangle_6)">
<rect id="Rectangle_6-2" data-name="Rectangle 6" width="355" height="348" rx="31" transform="translate(29 18)" fill="#fff"/>
</g>
<g id="Component_4_1" data-name="Component 4 – 1" transform="translate(1100 395)">
<g id="Group_6" data-name="Group 6" transform="translate(-1119 -230)">
<g id="Ellipse_1" data-name="Ellipse 1" transform="translate(1119 386)" fill="#fff" stroke="#d5d5d5" stroke-width="4">
<circle cx="29" cy="29" r="29" stroke="none"/>
<circle cx="29" cy="29" r="27" fill="none"/>
</g>
<path id="Path_1" data-name="Path 1" d="M1132.312,416.46l7.333,7.333,9.648-9.648,4.718-4.718" transform="translate(4.839 -1.611)" fill="none" stroke="#fff" stroke-width="6"/>
<rect id="Rectangle_7" data-name="Rectangle 7" width="235" height="13" rx="6.5" transform="translate(1221 393)" fill="#b2ddcc"/>
<rect id="Rectangle_8" data-name="Rectangle 8" width="56" height="13" rx="6.5" transform="translate(1221 417)" fill="#b2ddcc"/>
<rect id="Rectangle_9" data-name="Rectangle 9" width="13" height="13" rx="6.5" transform="translate(1443 417)" fill="#b2ddcc"/>
<rect id="Rectangle_10" data-name="Rectangle 10" width="13" height="13" rx="6.5" transform="translate(1425 417)" fill="#b2ddcc"/>
</g>
<g id="Group_5" data-name="Group 5" transform="translate(-1119 -308)">
<g id="Ellipse_1-2" data-name="Ellipse 1" transform="translate(1119 386)" fill="#fff" stroke="#d5d5d5" stroke-width="4">
<circle cx="29" cy="29" r="29" stroke="none"/>
<circle cx="29" cy="29" r="27" fill="none"/>
</g>
<path id="Path_1-2" data-name="Path 1" d="M1132.312,416.46l7.333,7.333,9.648-9.648,4.718-4.718" transform="translate(4.839 -1.611)" fill="none" stroke="#fff" stroke-width="6"/>
<rect id="Rectangle_7-2" data-name="Rectangle 7" width="235" height="13" rx="6.5" transform="translate(1221 393)" fill="#f9d5a5"/>
<rect id="Rectangle_8-2" data-name="Rectangle 8" width="56" height="13" rx="6.5" transform="translate(1221 417)" fill="#f9d5a5"/>
<rect id="Rectangle_9-2" data-name="Rectangle 9" width="13" height="13" rx="6.5" transform="translate(1443 417)" fill="#f9d5a5"/>
<rect id="Rectangle_10-2" data-name="Rectangle 10" width="13" height="13" rx="6.5" transform="translate(1425 417)" fill="#f9d5a5"/>
</g>
<g id="Group_4" data-name="Group 4" transform="translate(-1119 -386)">
<circle id="Ellipse_1-3" data-name="Ellipse 1" cx="29" cy="29" r="29" transform="translate(1119 386)" fill="#1fc41f"/>
<path id="Path_1-3" data-name="Path 1" d="M1132.312,416.46l7.333,7.333,9.648-9.648,4.718-4.718" transform="translate(4.839 -1.611)" fill="none" stroke="#fff" stroke-width="6"/>
<rect id="Rectangle_7-3" data-name="Rectangle 7" width="235" height="13" rx="6.5" transform="translate(1221 393)" fill="#e9d5f5"/>
<rect id="Rectangle_8-3" data-name="Rectangle 8" width="56" height="13" rx="6.5" transform="translate(1221 417)" fill="#e9d5f5"/>
<rect id="Rectangle_9-3" data-name="Rectangle 9" width="13" height="13" rx="6.5" transform="translate(1443 417)" fill="#e9d5f5"/>
<rect id="Rectangle_10-3" data-name="Rectangle 10" width="13" height="13" rx="6.5" transform="translate(1425 417)" fill="#e9d5f5"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

7
images/menu.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="18.853" height="12" viewBox="0 0 18.853 12">
<g id="Icon_feather-menu" data-name="Icon feather-menu" transform="translate(-4.5 -8)">
<path id="Path_3" data-name="Path 3" d="M4.5,18H23.353" transform="translate(0 -4)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"/>
<path id="Path_4" data-name="Path 4" d="M4.5,9H23.353" transform="translate(0)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"/>
<path id="Path_5" data-name="Path 5" d="M4.5,27H23.353" transform="translate(0 -8)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 670 B

BIN
images/person.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

3
images/watch.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="18" viewBox="0 0 27 18">
<path id="Icon_material-videocam" data-name="Icon material-videocam" d="M25.5,15.75V10.5A1.5,1.5,0,0,0,24,9H6a1.5,1.5,0,0,0-1.5,1.5v15A1.5,1.5,0,0,0,6,27H24a1.5,1.5,0,0,0,1.5-1.5V20.25l6,6V9.75Z" transform="translate(-4.5 -9)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 325 B