├── index.js ├── backgrund_img.webp ├── backgrund_img2.webp ├── index.css ├── index.html ├── LICENSE └── README.md /index.js: -------------------------------------------------------------------------------- 1 | alert("WELCOME TO MY SİTE"); -------------------------------------------------------------------------------- /backgrund_img.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nisancigokmen/BasicWebProject3/HEAD/backgrund_img.webp -------------------------------------------------------------------------------- /backgrund_img2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nisancigokmen/BasicWebProject3/HEAD/backgrund_img2.webp -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding: 0px; 3 | border: 0px; 4 | } 5 | 6 | #bacground_color { 7 | background-color: blue; 8 | padding-left: 1em; 9 | width: 42%; 10 | height: 420px; 11 | margin-left: 2em; 12 | margin-top: 2em; 13 | } 14 | 15 | #background_img { 16 | display: flex; 17 | padding-top: 3em; 18 | padding-left: 4em; 19 | padding-right: 3em; 20 | } 21 | 22 | #tag-2 { 23 | padding-left: 4em; 24 | margin-top: 210px; 25 | width: 420px; 26 | height: 310px; 27 | } 28 | 29 | #about-tag { 30 | padding-left: 120px; 31 | padding-right: 2em; 32 | padding-top: 210px; 33 | font-size: 24px; 34 | } 35 | 36 | h3 { 37 | font-size: 28px; 38 | font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 39 | } 40 | 41 | button { 42 | color: white; 43 | background-color: black; 44 | width: 210px; 45 | height: 42px; 46 | } 47 | 48 | button:hover { 49 | color: black; 50 | background-color: white; 51 | } 52 | 53 | fieldset { 54 | border: 2px solid black; 55 | width: auto; 56 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 |
19 |
20 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Animi maiores autem alias!
images from Freepik
24 | 25 |