├── noo.css └── index.html /noo.css: -------------------------------------------------------------------------------- 1 | body 2 | { 3 | width: 100%; 4 | height: 100%; 5 | margin: 0%; 6 | padding: 0%; 7 | } 8 | .main 9 | { 10 | position: fixed; 11 | } 12 | .navi 13 | { 14 | margin-top: 0%; 15 | width: 100%; 16 | height: 20%; 17 | background-color: rgb(253, 253, 253); 18 | display: flex; 19 | 20 | } 21 | .navi img{ 22 | margin-top: 5%; 23 | width: 10%; 24 | height: 30%; 25 | padding: 0% 20%; 26 | } 27 | .square 28 | { 29 | border: 2px solid rgb(151, 142, 142); 30 | border-radius: 10px; 31 | width: 600px; 32 | display: flex; 33 | height: 50px; 34 | margin-left: -17%; 35 | margin-top: 5%; 36 | } 37 | .jj 38 | { 39 | padding: 0% 20%; 40 | cursor: pointer; 41 | } 42 | .jj:hover 43 | { 44 | color: brown; 45 | } 46 | .box1 img{ 47 | width: 50px; 48 | margin-top: 10%; 49 | margin-left: -10%; 50 | } 51 | .box2 img 52 | { 53 | width: 30px; 54 | height: 90%; 55 | margin-top: 4%; 56 | margin-left: -30%; 57 | } 58 | .gg 59 | { 60 | margin-top: -15%; 61 | margin-left: 12%; 62 | border: 0px; 63 | 64 | } 65 | .head 66 | { 67 | display: flex; 68 | margin-left: 15%; 69 | } 70 | .circle 71 | { 72 | padding: 3% 5%; 73 | border-radius: 50%; 74 | width: 5%; 75 | } 76 | .test 77 | { 78 | margin-top: 5%; 79 | font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 80 | font-variant: inherit; 81 | } 82 | .filt 83 | { 84 | margin-left: 20%; 85 | width: 100%; 86 | height: 30%; 87 | } 88 | .order 89 | { 90 | margin-top: 30%; 91 | height: 40%; 92 | width: 100%; 93 | position: fixed; 94 | background-color: rgb(181, 191, 191); 95 | } 96 | .hel 97 | { 98 | margin-top: 1%; 99 | margin-left: 20%; 100 | font-family: 'Times New Roman', Times, serif; 101 | 102 | } 103 | .incir 104 | { 105 | padding: 3% -9%; 106 | border-radius: 50%; 107 | width: 12%; 108 | display: inline-flex; 109 | object-fit: cover; 110 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

7 |

8 |