├── images ├── buset.jpg └── kucing.jpg ├── README.md ├── index.html └── style.css /images/buset.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rifkiamalun/kyokakame.html/HEAD/images/buset.jpg -------------------------------------------------------------------------------- /images/kucing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rifkiamalun/kyokakame.html/HEAD/images/kucing.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # scriptNembakBetina 2 | Hii gua ngebuat script beginian lantaran gabut dan juga sekalian mo nembak gebetan gitu, lah tahu dah 3 | diterima apa nggak urusan nanti , yang penting yakin owkwowkwkwkww 4 | 5 | 6 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 15 | 16 | 17 |
18 |
19 |

Hallo Fitri

20 |

Saya suka sama kamu,apa kamu mau jadi pacar saya?

21 |
22 | 23 | 24 |
25 | Mau 26 |
27 | 28 | 29 | 30 | 76 |
77 |
78 | 79 | 80 | 81 | 82 |
83 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | 2 | @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap'); 3 | @import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap'); 4 | * { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | font-family: 'Arimo', sans-serif; 9 | 10 | 11 | } 12 | body { 13 | background-color: linear-gradient( #EE7752, #E73C7E, #23A6D5,#23D5AB); 14 | } 15 | 16 | 17 | 18 | html { 19 | font-size: 10px; 20 | font-family: Arial, Helvetica, sans-serif; 21 | } 22 | 23 | section { 24 | width: 100%; 25 | height: 100vh; 26 | color: #fff; 27 | background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5,#23D5AB); 28 | background-size: 400% 400%; 29 | position: relative; 30 | animation: change 10s ease-in-out infinite; 31 | 32 | } 33 | 34 | .textme { 35 | border: 2px solid #fff; 36 | position: absolute; 37 | top: 50%; 38 | left: 50%; 39 | transform: translate(-50%, -50%); 40 | padding: 5rem 10rem; 41 | cursor: pointer; 42 | border-radius: 20px; 43 | } 44 | 45 | h1 { 46 | font-family: 'Arimo', sans-serif; 47 | font-size: 5rem; 48 | text-transform: uppercase; 49 | letter-spacing: 2px; 50 | text-align: center; 51 | } 52 | h1:hover { 53 | color: dodgerblue; 54 | } 55 | 56 | .textme p { 57 | font-size: 16px; 58 | text-align: center; 59 | font-family: 'Arimo', sans-serif; 60 | 61 | 62 | 63 | } 64 | 65 | /*pembungkus dalam jancok */ 66 | 67 | .jancok { 68 | display: inline-flex; 69 | letter-spacing: 5px; 70 | } 71 | /*modal*/ 72 | 73 | .wrap { 74 | padding: 40px; 75 | text-align: center; 76 | } 77 | .btn { 78 | background: #428bca; 79 | border: #357ebd solid 1px; 80 | border-radius: 3px; 81 | color: #fff; 82 | display: inline-block; 83 | font-size: 14px; 84 | padding: 8px 15px; 85 | text-decoration: none; 86 | text-align: center; 87 | min-width: 60px; 88 | position: relative; 89 | transition: color 0.1s ease; 90 | /* top: 40em;*/ 91 | } 92 | .btn:hover { 93 | background: #357ebd; 94 | } 95 | .btn.btn-big { 96 | font-size: 18px; 97 | padding: 15px 20px; 98 | min-width: 100px; 99 | border-radius: 20px; 100 | 101 | } 102 | .btn-close { 103 | color: #aaa; 104 | font-size: 30px; 105 | text-decoration: none; 106 | position: absolute; 107 | right: 5px; 108 | top: 0; 109 | } 110 | .btn-close:hover { 111 | color: #919191; 112 | } 113 | .modal:before { 114 | content: ""; 115 | display: none; 116 | background: rgba(0, 0, 0, 0.6); 117 | position: fixed; 118 | top: 0; 119 | left: 0; 120 | right: 0; 121 | bottom: 0; 122 | z-index: 10; 123 | } 124 | .modal:target:before { 125 | display: block; 126 | } 127 | .modal:target .modal-dialog { 128 | -webkit-transform: translate(0, 0); 129 | -ms-transform: translate(0, 0); 130 | transform: translate(0, 0); 131 | top: -1%; 132 | left: 200px; 133 | width: 100%; 134 | } 135 | .modal-dialog { 136 | background: #fefefe; 137 | color:#23A6D5; 138 | border: #333 solid 1px; 139 | border-radius: 5px; 140 | margin-left: -200px; 141 | position: fixed; 142 | left: 50%; 143 | top: -100%; 144 | z-index: 11; 145 | width: 360px; 146 | -webkit-transform: translate(0, -500%); 147 | -ms-transform: translate(0, -500%); 148 | transform: translate(0, -500%); 149 | -webkit-transition: -webkit-transform 0.3s ease-out; 150 | -moz-transition: -moz-transform 0.3s ease-out; 151 | -o-transition: -o-transform 0.3s ease-out; 152 | transition: transform 0.3s ease-out; 153 | } 154 | .modal-body { 155 | padding: 20px; 156 | } 157 | .modal-header, 158 | .modal-footer { 159 | padding: 10px 20px; 160 | } 161 | .modal-header { 162 | border-bottom: #eee solid 1px; 163 | } 164 | .modal-header h2 { 165 | font-size: 20px; 166 | } 167 | .modal-footer { 168 | border-top: #eee solid 1px; 169 | text-align: right; 170 | } 171 | /*ADDED TO STOP SCROLLING TO TOP*/ 172 | #close { 173 | display: none; 174 | } 175 | 176 | /*MODAL KEDUA FUNGSI NYA SAMA KEK MODAL SATU*/ 177 | 178 | 179 | .wrap2 { 180 | padding: 40px; 181 | text-align: center; 182 | } 183 | .btn2 { 184 | background: #428bca; 185 | border: #357ebd solid 1px; 186 | border-radius: 3px; 187 | color: #fff; 188 | display: inline-block; 189 | font-size: 14px; 190 | padding: 8px 15px; 191 | text-decoration: none; 192 | text-align: center; 193 | min-width: 60px; 194 | position: relative; 195 | transition: color 0.1s ease; 196 | /* top: 40em;*/ 197 | } 198 | .btn2:hover { 199 | background: #357ebd; 200 | } 201 | .btn.btn-big2 { 202 | font-size: 18px; 203 | padding: 15px 20px; 204 | min-width: 100px; 205 | border-radius: 20px; 206 | } 207 | .btn-close2 { 208 | color: #aaa; 209 | font-size: 30px; 210 | text-decoration: none; 211 | position: absolute; 212 | right: 5px; 213 | top: 0; 214 | } 215 | .btn-close2:hover { 216 | color: #919191; 217 | } 218 | .modal2:before { 219 | content: ""; 220 | display: none; 221 | background: rgba(0, 0, 0, 0.6); 222 | position: fixed; 223 | top: 0; 224 | left: 0; 225 | right: 0; 226 | bottom: 0; 227 | z-index: 10; 228 | } 229 | .modal2:target:before { 230 | display: block; 231 | } 232 | .modal2:target .modal-dialog2 { 233 | -webkit-transform: translate(0, 0); 234 | -ms-transform: translate(0, 0); 235 | transform: translate(0, 0); 236 | top: -1%; 237 | left: 200px; 238 | width: 100%; 239 | } 240 | .modal-dialog2{ 241 | background: #fefefe; 242 | color:#23A6D5; 243 | border: #333 solid 1px; 244 | border-radius: 5px; 245 | margin-left: -200px; 246 | position: fixed; 247 | left: 50%; 248 | top: -100%; 249 | z-index: 11; 250 | width: 360px; 251 | -webkit-transform: translate(0, -500%); 252 | -ms-transform: translate(0, -500%); 253 | transform: translate(0, -500%); 254 | -webkit-transition: -webkit-transform 0.3s ease-out; 255 | -moz-transition: -moz-transform 0.3s ease-out; 256 | -o-transition: -o-transform 0.3s ease-out; 257 | transition: transform 0.3s ease-out; 258 | } 259 | .modal-body2 { 260 | padding: 20px; 261 | } 262 | .modal-header2, 263 | .modal-footer2 { 264 | padding: 10px 20px; 265 | } 266 | .modal-header2 { 267 | border-bottom: #eee solid 1px; 268 | } 269 | .modal-header2 h2 { 270 | font-size: 20px; 271 | } 272 | .modal-footer2 { 273 | border-top: #eee solid 1px; 274 | text-align: right; 275 | } 276 | /*ADDED TO STOP SCROLLING TO TOP*/ 277 | #close2 { 278 | display: none; 279 | } 280 | 281 | @keyframes change { 282 | 283 | 0% { 284 | background-position: 0 50%; 285 | } 286 | 50%{ 287 | background-position: 100% 50%; 288 | } 289 | 100% { 290 | background-position: 0 50%; 291 | } 292 | } 293 | 294 | /*mediaquery jancok */ 295 | 296 | @media only screen and (max-width: 600px) { 297 | body { 298 | background-color: lightblue; 299 | } 300 | .textme { 301 | width:95%; 302 | } 303 | .btn.btn-big, .btn.btn-big2 { 304 | margin-left: -60px; 305 | } 306 | .jancuk { 307 | width:100%; 308 | 309 | } 310 | 311 | } --------------------------------------------------------------------------------