-
Notifications
You must be signed in to change notification settings - Fork 27
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Pseudocode, class1, class2, class3, class4, class5. (#89)
- Loading branch information
1 parent
933b55b
commit 56ef0ee
Showing
41 changed files
with
1,461 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
|
|
||
| <head> | ||
| <title>About me</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <h1>ABOUT ME</h1> | ||
|
|
||
| <h2>I love photography</h2> | ||
|
|
||
| <p>We have created a fictional "personal" website/blog, and our fictional character is a hobby photographer. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
|
|
||
| <h2>Im really good at:</h2> | ||
|
|
||
| <ul> | ||
| <li>Photography</li> | ||
| <li>Web Design</li> | ||
| <li>Photoshop</li> | ||
| </ul> | ||
|
|
||
| <h2>MY WORK</h2> | ||
|
|
||
| <img src="https://www.w3schools.com/w3images/p2.jpg" alt="Image of my work"> | ||
|
|
||
| <h3>Where I Work</h3> | ||
| <b>Chicago, US</b> | ||
| <b> Phone: +00 151515</b> | ||
| <b> Email: [email protected]</b> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,110 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
|
|
||
| <head> | ||
| <title>Hello World</title> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <p><a href="#chapter20">Jump to Chapter 20</a></p> | ||
| <p><a href="#chapter5">Jump to Chapter 5</a></p> | ||
|
|
||
| --------------------------------------- | ||
|
|
||
| <h2>Chapter 1</h2> | ||
| <!-- This should start at 30 and increase by 10, while never going below zero --> | ||
| <form> | ||
| Quantity: | ||
| <input type="number" min="30" step="10"> | ||
| </form> | ||
|
|
||
| <h2>Chapter 2</h2> | ||
| <p class="tooltip">This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 3</h2> | ||
| <!-- The word explain should be small --> | ||
| <p>This chapter <small>explains</small> ba bla bla</p> | ||
|
|
||
| <h2>Chapter 4</h2> | ||
| <!-- The word chapter should be deleted --> | ||
| <p>This <del>chapter</del> explains ba bla bla</p> | ||
|
|
||
| <h2 id="chapter5">Chapter 5</h2> | ||
| <!-- video should have it's full aspects width and height. starts at 5 second. allow fullscreen --> | ||
| <iframe width="1287" height="480" src="https://www.youtube.com/embed/D_VvcNBGy78?start=5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | ||
|
|
||
| <h2>Chapter 6</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 7</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 8</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 9</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 10</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 11</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 12</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 13</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 14</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 15</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 16</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 17</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 18</h2> | ||
| <!-- Those two should br radiou buttons. with your gender selected --> | ||
| <form> | ||
| <input type="radio" checked> Male<br> | ||
| <input type="radio"> Female<br> | ||
| </form> | ||
|
|
||
| <h2>Chapter 19</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
|
|
||
| <h2 id="#chapter20">Chapter 20</h2> | ||
| <!-- When this is clicked an email prompt should be displayed --> | ||
| <p> | ||
| This is an email link: | ||
| <a href="mailto:[email protected]" target="_blank"> | ||
| Send Mail</a> | ||
| </p> | ||
|
|
||
| <h2>Chapter 21</h2> | ||
| <p>This chapter explains ba bla bla</p> | ||
|
|
||
| <h2>Chapter 22</h2> | ||
| <!-- This should be a date input --> | ||
| <form> | ||
| <p>Birthday:</p> | ||
| <input type="date"> | ||
| </form> | ||
|
|
||
| <h2>Chapter 23</h2> | ||
| <!-- This should be a range --> | ||
| <form> | ||
| Points: | ||
| <input type="range" min="0" max="10"> | ||
| </form> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
|
|
||
| <head> | ||
| <title>About me</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!-- This looks like a header --> | ||
| <h1>Who am I ?</h1> | ||
| <!-- This looks like normal sentences --> | ||
| <p>I am a software engineer. My favorites drinks are :</p> | ||
| <!-- This looks like a list --> | ||
| <ul> | ||
| <li>Coffe</li> | ||
| <li>Tea</li> | ||
| <li>Pepsi</li> | ||
| </ul> | ||
| <!-- This looks like a list of instructions or events --> | ||
| <p>My daily routin is:</p> | ||
|
|
||
| <ol> | ||
| <li>I wake up at 7:00 Am.</li> | ||
| <li>I go to work at 8:00.</li> | ||
| <li>I start working from 8:00 to 1:00 PM</li> | ||
| <li>I take my breake for an hour.</li> | ||
| <li>I go back at 2:00 to finish working, and I leave at 4:15.</li> | ||
| </ol> | ||
|
|
||
| <!-- This is like a sentence but opening the image in another tab is annoying --> | ||
| <p>I love motorcycle here is a picture of a cool picke</p> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Norton_Motorcycle.jpg/1024px-Norton_Motorcycle.jpg" alt="A cool motorcycle" /> | ||
| <!-- Would ove to click on the work link and go to the page --> | ||
| <p>I also have a github account here is the <a href="https://github.com/MuhannedNoman">link!</a></p> | ||
| <!-- This looks like a mess, I wish there was a way to display this like a real code --> | ||
| <p>The last code I wrote today was :</p> | ||
| <code> | ||
| public void requestAccess(){ | ||
| // Here, thisActivity is the current activity | ||
| if (ContextCompat.checkSelfPermission(MainActivity.this, | ||
| Manifest.permission.READ_EXTERNAL_STORAGE) | ||
| != PackageManager.PERMISSION_GRANTED) { | ||
|
|
||
| ActivityCompat.requestPermissions(MainActivity.this, | ||
| new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, | ||
| 1); | ||
|
|
||
| // Permission is not granted | ||
| } else { | ||
| showFilePicker(); | ||
| // Permission has already been granted | ||
| } | ||
| } | ||
| </code> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,73 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <header> | ||
| <title>About me </title> | ||
| </header> | ||
| <body> | ||
|
|
||
| <header> | ||
| <ul> | ||
| <li>Home</li> | ||
| <li>About me</li> | ||
| <li>My work</li> | ||
| <li>Contact</li> | ||
| </ul> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section> | ||
| <h1>Hi there</h1> | ||
| <h2>Welcome to my website</h2> | ||
|
|
||
| <em>I love photography</em> | ||
|
|
||
|
|
||
| <p>We have created a fictional "personal" website/blog, and our fictional character is a hobby photographer. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h2>MY WORK</h2> | ||
| <img src="https://www.w3schools.com/w3images/p2.jpg" alt="Image of my work"> | ||
| <p>A picture of some coffee beans </p> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor augue, gravida ac commodo sit amet, mattis vitae purus. Nunc ac aliquam erat. Quisque placerat nec ligula id maximus. Quisque at felis interdum, bibendum nisi in, iaculis quam. Mauris porta, dui vehicula placerat aliquam, nisi eros placerat mauris, a congue tortor enim quis mi. Quisque eget nulla vel magna vestibulum fermentum at vitae arcu. Morbi ut gravida nibh. Maecenas aliquet massa a consequat pulvinar. Cras egestas scelerisque sollicitudin.</p> | ||
|
|
||
| <h2>MY WORK</h2> | ||
| <img src="https://www.w3schools.com/w3images/p2.jpg" alt="Image of my work"> | ||
| <p>A picture of some coffee beans </p> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor augue, gravida ac commodo sit amet, mattis vitae purus. Nunc ac aliquam erat. Quisque placerat nec ligula id maximus. Quisque at felis interdum, bibendum nisi in, iaculis quam. Mauris porta, dui vehicula placerat aliquam, nisi eros placerat mauris, a congue tortor enim quis mi. Quisque eget nulla vel magna vestibulum fermentum at vitae arcu. Morbi ut gravida nibh. Maecenas aliquet massa a consequat pulvinar. Cras egestas scelerisque sollicitudin.</p> | ||
|
|
||
| <h2>MY WORK</h2> | ||
| <img src="https://www.w3schools.com/w3images/p2.jpg" alt="Image of my work"> | ||
| <p>A picture of some coffee beans </p> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor augue, gravida ac commodo sit amet, mattis vitae purus. Nunc ac aliquam erat. Quisque placerat nec ligula id maximus. Quisque at felis interdum, bibendum nisi in, iaculis quam. Mauris porta, dui vehicula placerat aliquam, nisi eros placerat mauris, a congue tortor enim quis mi. Quisque eget nulla vel magna vestibulum fermentum at vitae arcu. Morbi ut gravida nibh. Maecenas aliquet massa a consequat pulvinar. Cras egestas scelerisque sollicitudin.</p> | ||
|
|
||
| <h2>MY WORK</h2> | ||
| <img src="https://www.w3schools.com/w3images/p2.jpg" alt="Image of my work"> | ||
| <p>A picture of some coffee beans </p> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor augue, gravida ac commodo sit amet, mattis vitae purus. Nunc ac aliquam erat. Quisque placerat nec ligula id maximus. Quisque at felis interdum, bibendum nisi in, iaculis quam. Mauris porta, dui vehicula placerat aliquam, nisi eros placerat mauris, a congue tortor enim quis mi. Quisque eget nulla vel magna vestibulum fermentum at vitae arcu. Morbi ut gravida nibh. Maecenas aliquet massa a consequat pulvinar. Cras egestas scelerisque sollicitudin.</p> | ||
| <section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <h2>Where I Work</h2> | ||
| <b>Chicago, US</b> | ||
| <b> Phone: +90 537 779 5060</b> | ||
| <b> Email: [email protected]</b> | ||
|
|
||
| <form> | ||
| <label> Email</label> | ||
| <input type="Email" placeholder="Email"> | ||
| <label> Message</label> | ||
| <input type="textarea" placeholder="Message"> | ||
| </form> | ||
|
|
||
|
|
||
| <ul> | ||
| <li>Other links</li> | ||
| <li>Other links</li> | ||
| <li>Other links</li> | ||
| <li>Other links</li> | ||
| </ul> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions
17
class-3/htmlandcss-responsive-aliriza-belalawad/img/heartv2.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.