├── .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 | Document
8 | Destiny
4 | W elcome"The Future
16 | Hello
17 |
18 | order
19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore repellat doloremque ea.
20 | mystro
21 |
22 |
23 |
24 | javascript
25 | Ruby
26 | paython
27 |
28 |
29 |
30 |
31 | javascript
32 | Ruby
33 | paython
34 |
35 |
36 |
37 |
38 |
39 |
40 | First name
41 | Last name
42 | Country
43 | Age
44 |
45 |
46 |
47 | Mahmoud
48 | Ahmad
49 | Eygpt
50 | 35
51 |
52 |
53 |
54 |
55 | 
56 |
57 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------