├── .gitattributes ├── Mystayle.css ├── README.md ├── index.html └── index2.html /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /Mystayle.css: -------------------------------------------------------------------------------- 1 | /* 2 | h1{ 3 | text-align: center 4 | 5 | 6 | } 7 | .one{ 8 | color: purple; 9 | background-color: plum; 10 | margin: 100; 11 | border: 5px solid purple 12 | } 13 | .two{ 14 | color: rgb(31, 122, 134); 15 | background-color: rgb(179, 115, 115); 16 | } */ 17 | 18 | body{ 19 | font-family: 'Source Sans Pro', sans-serif; 20 | } 21 | 22 | .mydiv{ 23 | background-color: #D9EEE1; 24 | width: 30%; 25 | padding: 15px 0px; 26 | text-align: center; 27 | border-radius: 20px; 28 | margin: 50px auto; 29 | box-shadow: 1px 22px 20px -3px rgba(0,0,0,0.64); 30 | } 31 | .mydiv:hover{ 32 | border: 2px solid black; 33 | } 34 | 35 | .heading { 36 | font-size: 100px; 37 | font-weight: 700; 38 | 39 | } 40 | 41 | .subtitles { 42 | font-size: 19px; 43 | 44 | 45 | } 46 | 47 | a { 48 | font-size: 18px; 49 | background-color: #000; 50 | width: 200px; 51 | margin: 15px auto; 52 | padding: 12px; 53 | display: block; 54 | text-decoration: none; 55 | border-radius: 25px; 56 | 57 | } 58 | .Learn{ 59 | color: white; 60 | background-color: #04AA6D; 61 | } 62 | .Video{ 63 | color: black; 64 | background-color: #FFF4A3; 65 | } 66 | 67 | .Reference{ 68 | color: white; 69 | background-color: #282A35; 70 | } 71 | 72 | .Certified{ 73 | color: black; 74 | background-color: #FFC0C7 75 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HTML-1 2 |  3 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |The language for building web pages
21 | 22 | Learn HTML 23 | 24 | Video Tutorial 25 | 26 | HTML Reference 27 | 28 | Get Certified 29 | 30 |Hello
17 | 18 |order
19 |Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore repellat doloremque ea.
Similique, exercitationem. Consectetur, earum.
Ut modi praesentium neque voluptatibus veniam. Maxime magnam voluptatibus sapiente quasi laboriosam vitae nobis?
First name | 41 |Last name | 42 |Country | 43 |Age | 44 | 45 |
---|---|---|---|
Mahmoud | 48 |Ahmad | 49 |Eygpt | 50 |35 | 51 |