├── README.md ├── index.html ├── style.css └── yes.html /README.md: -------------------------------------------------------------------------------- 1 | # code -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 |
9 |

Do you wanna go out with me?

10 |
11 |

12 | @untoldcoding 13 |

14 |
15 | Cute animated illustration 19 |
20 |
21 | 22 | 30 | 31 | 49 |
50 |
51 | 52 | 53 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | 7 | background: linear-gradient(rgb(0, 249, 236), rgb(71, 150, 229)); 8 | } 9 | 10 | #noButton { 11 | position: absolute; 12 | margin-left: 150px; 13 | transition: 0.5s; 14 | margin-top: 30px; 15 | } 16 | 17 | #yesButton { 18 | position: absolute; 19 | margin-right: 150px; 20 | margin-top: 30px; 21 | } 22 | 23 | .header_text { 24 | font-family: "Nunito"; 25 | font-size: 50px; 26 | font-weight: bold; 27 | 28 | text-align: center; 29 | margin-top: 20px; 30 | margin-bottom: 20px; 31 | color: #ffffff; 32 | } 33 | 34 | .text { 35 | font-family: "Nunito"; 36 | font-size: 25px; 37 | font-weight: bold; 38 | color: white; 39 | text-align: center; 40 | margin-top: 20px; 41 | margin-bottom: 0px; 42 | } 43 | 44 | .buttons { 45 | display: flex; 46 | flex-direction: row; 47 | justify-content: center; 48 | align-items: center; 49 | margin-top: 20px; 50 | margin-left: 20px; 51 | } 52 | 53 | .btn { 54 | background-color: #017cff; 55 | color: white; 56 | font-weight: 600; 57 | padding: 15px 32px; 58 | text-align: center; 59 | display: inline-block; 60 | font-size: 16px; 61 | margin: 4px 2px; 62 | cursor: pointer; 63 | border: none; 64 | border-radius: 12px; 65 | transition: background-color 0.3s ease; 66 | box-shadow: 0 3px 3px black; 67 | } 68 | 69 | .btn:hover { 70 | background-color: #ffffff; 71 | color: #017cff; 72 | } 73 | 74 | .gif_container { 75 | display: flex; 76 | justify-content: center; 77 | align-items: center; 78 | } 79 | p { 80 | color: white; 81 | margin-left: 50%; 82 | } 83 | p a { 84 | color: rgb(255, 255, 255); 85 | font-size: 20px; 86 | font-weight: 600; 87 | opacity: 0.25; 88 | } 89 | -------------------------------------------------------------------------------- /yes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 |
9 |

Yeeyy ! Finally

10 |
11 |
12 | Cute animated illustration 16 |
17 | 20 |
21 | 22 | 23 | --------------------------------------------------------------------------------