├── .gitattributes ├── LICENSE ├── README.md ├── database.json ├── modules └── database.js ├── public ├── assets │ ├── fonts │ │ ├── OpenSans-Bold.woff │ │ ├── OpenSans-Bold.woff2 │ │ ├── OpenSans-BoldItalic.woff │ │ ├── OpenSans-BoldItalic.woff2 │ │ ├── OpenSans-ExtraBold.woff │ │ ├── OpenSans-ExtraBold.woff2 │ │ ├── OpenSans-ExtraBoldItalic.woff │ │ ├── OpenSans-ExtraBoldItalic.woff2 │ │ ├── OpenSans-Italic.woff │ │ ├── OpenSans-Italic.woff2 │ │ ├── OpenSans-Light.woff │ │ ├── OpenSans-Light.woff2 │ │ ├── OpenSans-LightItalic.woff │ │ ├── OpenSans-LightItalic.woff2 │ │ ├── OpenSans-Regular.woff │ │ ├── OpenSans-Regular.woff2 │ │ ├── OpenSans-SemiBold.woff │ │ ├── OpenSans-SemiBold.woff2 │ │ ├── OpenSans-SemiBoldItalic.woff │ │ ├── OpenSans-SemiBoldItalic.woff2 │ │ └── stylesheet.css │ ├── img │ │ ├── bot-illustration.png │ │ ├── boy.png │ │ ├── facebook.png │ │ ├── girl.png │ │ ├── instagram (2).png │ │ ├── kubok.png │ │ ├── menu.png │ │ ├── pixer-logo.svg │ │ ├── smm-illustration.png │ │ ├── step-illlustration-form.png │ │ ├── step-illustration.png │ │ ├── telegram (1).png │ │ └── website-illustration.png │ ├── style.css │ ├── style.css.map │ └── style.scss ├── data.js ├── index.html ├── main.js └── reg-list.html └── server.js /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Rustambek Mamadaliyev 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # pixer_backend 2 | 3 | -------------------------------------------------------------------------------- /database.json: -------------------------------------------------------------------------------- 1 | {"data":[ 2 | 3 | ]} -------------------------------------------------------------------------------- /modules/database.js: -------------------------------------------------------------------------------- 1 | const fs = require("fs/promises") 2 | const path = require("path") 3 | 4 | module.exports = class Database { 5 | constructor() { 6 | this.filePath = path.join(__dirname, "..", "database.json"); 7 | this.data = [] 8 | this.readFile() 9 | } 10 | async readFile() { 11 | // console.log(this.filePath) 12 | let data = await fs.readFile(this.filePath, "utf-8") 13 | // console.log(data); 14 | data = await JSON.parse(data) 15 | // console.log(data); 16 | // console.log(data.data); 17 | this.data = data.data; 18 | return data.data; 19 | } 20 | 21 | async addData(name,number,serviceType){ 22 | const data = { 23 | id:( this.data.length - 1) +1, 24 | name: name, 25 | number:number, 26 | serviceType:serviceType 27 | } 28 | 29 | this.data.push(data) 30 | await fs.writeFile( 31 | this.filePath, 32 | JSON.stringify({ 33 | data: this.data, 34 | })); 35 | return data 36 | } 37 | 38 | 39 | 40 | } -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Bold.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Bold.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-BoldItalic.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-BoldItalic.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-ExtraBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-ExtraBold.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-ExtraBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-ExtraBold.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-ExtraBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-ExtraBoldItalic.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-ExtraBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-ExtraBoldItalic.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Italic.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Italic.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Light.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Light.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-LightItalic.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-LightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-LightItalic.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Regular.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-Regular.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-SemiBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-SemiBold.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-SemiBold.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-SemiBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-SemiBoldItalic.woff -------------------------------------------------------------------------------- /public/assets/fonts/OpenSans-SemiBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/fonts/OpenSans-SemiBoldItalic.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/stylesheet.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Open Sans'; 3 | src: url('OpenSans-ExtraBold.woff2') format('woff2'), 4 | url('OpenSans-ExtraBold.woff') format('woff'); 5 | font-weight: 800; 6 | font-style: normal; 7 | font-display: swap; 8 | } 9 | 10 | @font-face { 11 | font-family: 'Open Sans'; 12 | src: url('OpenSans-Bold.woff2') format('woff2'), 13 | url('OpenSans-Bold.woff') format('woff'); 14 | font-weight: bold; 15 | font-style: normal; 16 | font-display: swap; 17 | } 18 | 19 | @font-face { 20 | font-family: 'Open Sans'; 21 | src: url('OpenSans-Light.woff2') format('woff2'), 22 | url('OpenSans-Light.woff') format('woff'); 23 | font-weight: 300; 24 | font-style: normal; 25 | font-display: swap; 26 | } 27 | 28 | @font-face { 29 | font-family: 'Open Sans'; 30 | src: url('OpenSans-ExtraBoldItalic.woff2') format('woff2'), 31 | url('OpenSans-ExtraBoldItalic.woff') format('woff'); 32 | font-weight: 800; 33 | font-style: italic; 34 | font-display: swap; 35 | } 36 | 37 | @font-face { 38 | font-family: 'Open Sans'; 39 | src: url('OpenSans-Italic.woff2') format('woff2'), 40 | url('OpenSans-Italic.woff') format('woff'); 41 | font-weight: normal; 42 | font-style: italic; 43 | font-display: swap; 44 | } 45 | 46 | @font-face { 47 | font-family: 'Open Sans'; 48 | src: url('OpenSans-BoldItalic.woff2') format('woff2'), 49 | url('OpenSans-BoldItalic.woff') format('woff'); 50 | font-weight: bold; 51 | font-style: italic; 52 | font-display: swap; 53 | } 54 | 55 | @font-face { 56 | font-family: 'Open Sans'; 57 | src: url('OpenSans-LightItalic.woff2') format('woff2'), 58 | url('OpenSans-LightItalic.woff') format('woff'); 59 | font-weight: 300; 60 | font-style: italic; 61 | font-display: swap; 62 | } 63 | 64 | @font-face { 65 | font-family: 'Open Sans'; 66 | src: url('OpenSans-SemiBold.woff2') format('woff2'), 67 | url('OpenSans-SemiBold.woff') format('woff'); 68 | font-weight: 600; 69 | font-style: normal; 70 | font-display: swap; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Open Sans'; 75 | src: url('OpenSans-Regular.woff2') format('woff2'), 76 | url('OpenSans-Regular.woff') format('woff'); 77 | font-weight: normal; 78 | font-style: normal; 79 | font-display: swap; 80 | } 81 | 82 | @font-face { 83 | font-family: 'Open Sans'; 84 | src: url('OpenSans-SemiBoldItalic.woff2') format('woff2'), 85 | url('OpenSans-SemiBoldItalic.woff') format('woff'); 86 | font-weight: 600; 87 | font-style: italic; 88 | font-display: swap; 89 | } 90 | 91 | -------------------------------------------------------------------------------- /public/assets/img/bot-illustration.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/bot-illustration.png -------------------------------------------------------------------------------- /public/assets/img/boy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/boy.png -------------------------------------------------------------------------------- /public/assets/img/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/facebook.png -------------------------------------------------------------------------------- /public/assets/img/girl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/girl.png -------------------------------------------------------------------------------- /public/assets/img/instagram (2).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/instagram (2).png -------------------------------------------------------------------------------- /public/assets/img/kubok.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/kubok.png -------------------------------------------------------------------------------- /public/assets/img/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/menu.png -------------------------------------------------------------------------------- /public/assets/img/pixer-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /public/assets/img/smm-illustration.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/smm-illustration.png -------------------------------------------------------------------------------- /public/assets/img/step-illlustration-form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/step-illlustration-form.png -------------------------------------------------------------------------------- /public/assets/img/step-illustration.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/step-illustration.png -------------------------------------------------------------------------------- /public/assets/img/telegram (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/telegram (1).png -------------------------------------------------------------------------------- /public/assets/img/website-illustration.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/pixer_backend/0aaab5ef3cb8f484aac5991e8189dd79811f3398/public/assets/img/website-illustration.png -------------------------------------------------------------------------------- /public/assets/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Open Sans'; 3 | src: url("./assets/fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("./assets/fonts/OpenSans-ExtraBold.woff") format("woff"); 4 | font-weight: 800; 5 | font-style: normal; 6 | font-display: swap; 7 | } 8 | 9 | @font-face { 10 | font-family: 'Open Sans'; 11 | src: url("./assets/fonts/OpenSans-Bold.woff2") format("woff2"), url("./assets/fonts/OpenSans-Bold.woff") format("woff"); 12 | font-weight: bold; 13 | font-style: normal; 14 | font-display: swap; 15 | } 16 | 17 | @font-face { 18 | font-family: 'Open Sans'; 19 | src: url("./assets/fonts/OpenSans-Light.woff2") format("woff2"), url("./assets/fonts/OpenSans-Light.woff") format("woff"); 20 | font-weight: 300; 21 | font-style: normal; 22 | font-display: swap; 23 | } 24 | 25 | @font-face { 26 | font-family: 'Open Sans'; 27 | src: url("./assets/fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("./assets/fonts/OpenSans-ExtraBoldItalic.woff") format("woff"); 28 | font-weight: 800; 29 | font-style: italic; 30 | font-display: swap; 31 | } 32 | 33 | @font-face { 34 | font-family: 'Open Sans'; 35 | src: url("./assets/fonts/OpenSans-Italic.woff2") format("woff2"), url("./assets/fonts/OpenSans-Italic.woff") format("woff"); 36 | font-weight: normal; 37 | font-style: italic; 38 | font-display: swap; 39 | } 40 | 41 | @font-face { 42 | font-family: 'Open Sans'; 43 | src: url("./assets/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("./assets/fonts/OpenSans-BoldItalic.woff") format("woff"); 44 | font-weight: bold; 45 | font-style: italic; 46 | font-display: swap; 47 | } 48 | 49 | @font-face { 50 | font-family: 'Open Sans'; 51 | src: url("./assets/fonts/OpenSans-LightItalic.woff2") format("woff2"), url("./assets/fonts/OpenSans-LightItalic.woff") format("woff"); 52 | font-weight: 300; 53 | font-style: italic; 54 | font-display: swap; 55 | } 56 | 57 | @font-face { 58 | font-family: 'Open Sans'; 59 | src: url("./assets/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("./assets/fonts/OpenSans-SemiBold.woff") format("woff"); 60 | font-weight: 600; 61 | font-style: normal; 62 | font-display: swap; 63 | } 64 | 65 | @font-face { 66 | font-family: 'Open Sans'; 67 | src: url("./assets/fonts/OpenSans-Regular.woff2") format("woff2"), url("./assets/fonts/OpenSans-Regular.woff") format("woff"); 68 | font-weight: normal; 69 | font-style: normal; 70 | font-display: swap; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Open Sans'; 75 | src: url("./assets/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("./assets/fonts/OpenSans-SemiBoldItalic.woff") format("woff"); 76 | font-weight: 600; 77 | font-style: italic; 78 | font-display: swap; 79 | } 80 | 81 | * { 82 | margin: 0; 83 | padding: 0; 84 | -webkit-box-sizing: border-box; 85 | box-sizing: border-box; 86 | } 87 | 88 | ul, 89 | ol { 90 | list-style: none; 91 | } 92 | 93 | img { 94 | width: 100%; 95 | } 96 | 97 | a { 98 | text-decoration: none; 99 | } 100 | 101 | .container { 102 | width: 1140px; 103 | margin: 0 auto; 104 | /* background-color: yellowgreen; */ 105 | } 106 | 107 | html { 108 | scroll-behavior: smooth; 109 | } 110 | 111 | .header { 112 | padding: 50px; 113 | padding-bottom: 0px; 114 | padding-top: 10px; 115 | background-color: #fff; 116 | } 117 | 118 | body { 119 | font-family: 'Open Sans'; 120 | } 121 | 122 | .navbar .container { 123 | display: -webkit-box; 124 | display: -ms-flexbox; 125 | display: flex; 126 | -webkit-box-pack: justify; 127 | -ms-flex-pack: justify; 128 | justify-content: space-between; 129 | -webkit-box-align: center; 130 | -ms-flex-align: center; 131 | align-items: center; 132 | } 133 | 134 | .navbar { 135 | -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4); 136 | box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4); 137 | padding: 10px; 138 | padding-top: 10px; 139 | } 140 | 141 | .header-list { 142 | display: -webkit-box; 143 | display: -ms-flexbox; 144 | display: flex; 145 | /* justify-content: space-between; */ 146 | -webkit-box-align: center; 147 | -ms-flex-align: center; 148 | align-items: center; 149 | } 150 | 151 | .header-link { 152 | margin: 0px 15px; 153 | color: black; 154 | -webkit-transition: 0.3s; 155 | transition: 0.3s; 156 | } 157 | 158 | .header-link:hover { 159 | color: red; 160 | } 161 | 162 | .header-link--active { 163 | background: #00BAFC; 164 | border-radius: 5px; 165 | color: white; 166 | text-decoration: none; 167 | padding: 10px 30px; 168 | } 169 | 170 | .btn { 171 | display: none; 172 | } 173 | 174 | .btn-icon { 175 | width: 45px; 176 | } 177 | 178 | .header-link--active:hover { 179 | /* background-color: rgb(64, 67, 224); */ 180 | color: #fff; 181 | text-decoration: underline; 182 | } 183 | 184 | .header-part { 185 | display: -webkit-box; 186 | display: -ms-flexbox; 187 | display: flex; 188 | -webkit-box-pack: justify; 189 | -ms-flex-pack: justify; 190 | justify-content: space-between; 191 | /* align-items: center; */ 192 | /* padding:50px; */ 193 | padding-left: 0px; 194 | padding-right: 0px; 195 | padding-top: 120px; 196 | /* border-top: 3px solid rgba(231, 229, 229,0.8); */ 197 | /* margin-top: 15px; */ 198 | } 199 | 200 | .header-info { 201 | width: 45%; 202 | } 203 | 204 | .header-picture { 205 | width: 45%; 206 | } 207 | 208 | .header-iframe { 209 | width: 500px; 210 | height: 320px; 211 | border-radius: 5px; 212 | } 213 | 214 | .header-info__title { 215 | /* font-family: "sans-serif"; */ 216 | font-style: normal; 217 | font-weight: bold; 218 | font-size: 35px; 219 | line-height: 45px; 220 | /* text-align: center; */ 221 | color: #000000; 222 | width: 480px; 223 | margin-bottom: 15px; 224 | } 225 | 226 | .header-info__text { 227 | font-style: normal; 228 | font-weight: normal; 229 | font-size: 16px; 230 | line-height: 30px; 231 | color: black; 232 | width: 460px; 233 | margin-bottom: 50px; 234 | } 235 | 236 | .header-info__link { 237 | background: #00BAFC; 238 | border-radius: 5px; 239 | /* text-align: center; */ 240 | color: white; 241 | text-decoration: none; 242 | -webkit-transition: 0.3s; 243 | transition: 0.3s; 244 | font-size: 20px; 245 | padding: 15px 30px; 246 | } 247 | 248 | .header-info__link:hover { 249 | color: black; 250 | } 251 | 252 | .header-title { 253 | width: 80px; 254 | } 255 | 256 | .services-img { 257 | width: 170px; 258 | } 259 | 260 | .services { 261 | padding: 50px; 262 | background-color: #fff; 263 | } 264 | 265 | .services-info { 266 | text-align: center; 267 | display: -webkit-box; 268 | display: -ms-flexbox; 269 | display: flex; 270 | -webkit-box-orient: vertical; 271 | -webkit-box-direction: normal; 272 | -ms-flex-direction: column; 273 | flex-direction: column; 274 | -webkit-box-pack: center; 275 | -ms-flex-pack: center; 276 | justify-content: center; 277 | -webkit-box-align: center; 278 | -ms-flex-align: center; 279 | align-items: center; 280 | } 281 | 282 | .services-title { 283 | font-style: normal; 284 | font-weight: bold; 285 | font-size: 24px; 286 | line-height: 30px; 287 | color: #000000; 288 | margin: 16px 0px; 289 | width: 120px; 290 | } 291 | 292 | .services-text { 293 | font-weight: normal; 294 | font-size: 16px; 295 | line-height: 24px; 296 | width: 600px; 297 | text-align: center; 298 | color: #000000; 299 | } 300 | 301 | .services-list { 302 | display: -webkit-box; 303 | display: -ms-flexbox; 304 | display: flex; 305 | -webkit-box-pack: space-evenly; 306 | -ms-flex-pack: space-evenly; 307 | justify-content: space-evenly; 308 | -webkit-box-align: center; 309 | -ms-flex-align: center; 310 | align-items: center; 311 | -ms-flex-wrap: wrap; 312 | flex-wrap: wrap; 313 | margin-top: 70px; 314 | text-align: center; 315 | } 316 | 317 | .services-item { 318 | width: 28%; 319 | padding: 20px 5px; 320 | -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); 321 | box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); 322 | border-radius: 5px; 323 | margin: 50px 10px; 324 | } 325 | 326 | .services-item--active { 327 | width: 29%; 328 | /* padding:50px 10px; */ 329 | -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); 330 | box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); 331 | border-radius: 5px; 332 | /* margin: 50px 10px; */ 333 | margin: 5px 0px; 334 | margin-bottom: 70px; 335 | } 336 | 337 | .services-order-link:hover { 338 | color: black; 339 | -webkit-transition: 0.3s; 340 | transition: 0.3s; 341 | } 342 | 343 | .services-buy-link:hover { 344 | color: #ff5100; 345 | -webkit-transition: 0.3s; 346 | transition: 0.3s; 347 | } 348 | 349 | .services-list__title { 350 | margin-top: 20px; 351 | font-size: 24px; 352 | font-weight: 600; 353 | margin-bottom: 20px; 354 | } 355 | 356 | .wrapper { 357 | padding: 50px; 358 | background-color: #fff; 359 | } 360 | 361 | .wrapper-desc, 362 | .solution-info, 363 | .project-info, 364 | .quality-info, 365 | .support-info { 366 | width: 45%; 367 | } 368 | 369 | .wrapper-picture, 370 | .solution-picture, 371 | .project-picture, 372 | .quality-picture, 373 | .support-picture { 374 | width: 28%; 375 | } 376 | 377 | .wrapper-title { 378 | font-size: 24px; 379 | line-height: 34px; 380 | margin-bottom: 15px; 381 | /* width: 250px; */ 382 | } 383 | 384 | .wrapper-text { 385 | width: 650px; 386 | text-align: center; 387 | } 388 | 389 | .part-img { 390 | width: 290px; 391 | } 392 | 393 | .btn { 394 | background-color: #fff; 395 | } 396 | 397 | .wrapper-info { 398 | display: -webkit-box; 399 | display: -ms-flexbox; 400 | display: flex; 401 | -webkit-box-pack: center; 402 | -ms-flex-pack: center; 403 | justify-content: center; 404 | -webkit-box-align: center; 405 | -ms-flex-align: center; 406 | align-items: center; 407 | -webkit-box-orient: vertical; 408 | -webkit-box-direction: normal; 409 | -ms-flex-direction: column; 410 | flex-direction: column; 411 | margin-bottom: 100px; 412 | } 413 | 414 | .part { 415 | display: -webkit-box; 416 | display: -ms-flexbox; 417 | display: flex; 418 | -webkit-box-pack: center; 419 | -ms-flex-pack: center; 420 | justify-content: center; 421 | /* text-align: center; */ 422 | -webkit-box-align: center; 423 | -ms-flex-align: center; 424 | align-items: center; 425 | margin: 80px 0px; 426 | } 427 | 428 | .wrapper-part { 429 | display: -webkit-box; 430 | display: -ms-flexbox; 431 | display: flex; 432 | -webkit-box-pack: center; 433 | -ms-flex-pack: center; 434 | justify-content: center; 435 | -webkit-box-align: center; 436 | -ms-flex-align: center; 437 | align-items: center; 438 | } 439 | 440 | .part-title { 441 | font-size: 25px; 442 | line-height: 25px; 443 | margin-bottom: 10px; 444 | } 445 | 446 | .part-text { 447 | width: 400px; 448 | } 449 | 450 | .wrapper-link { 451 | padding: 10px 40px; 452 | background-color: #00BAFC; 453 | text-align: center; 454 | color: white; 455 | border-radius: 5px; 456 | -webkit-transition: 0.3s; 457 | transition: 0.3s; 458 | } 459 | 460 | .wrapper-link:hover { 461 | color: black; 462 | } 463 | 464 | .link { 465 | display: -webkit-box; 466 | display: -ms-flexbox; 467 | display: flex; 468 | -webkit-box-pack: center; 469 | -ms-flex-pack: center; 470 | justify-content: center; 471 | -webkit-box-align: center; 472 | -ms-flex-align: center; 473 | align-items: center; 474 | } 475 | 476 | .content { 477 | padding: 50px; 478 | background-color: #209EF0; 479 | text-align: center; 480 | } 481 | 482 | .content .container { 483 | display: -webkit-box; 484 | display: -ms-flexbox; 485 | display: flex; 486 | -webkit-box-pack: center; 487 | -ms-flex-pack: center; 488 | justify-content: center; 489 | -webkit-box-align: center; 490 | -ms-flex-align: center; 491 | align-items: center; 492 | -webkit-box-orient: vertical; 493 | -webkit-box-direction: normal; 494 | -ms-flex-direction: column; 495 | flex-direction: column; 496 | } 497 | 498 | .content-title { 499 | font-size: 40px; 500 | line-height: 40px; 501 | color: white; 502 | } 503 | 504 | .content-info { 505 | font-size: 18px; 506 | line-height: 28px; 507 | padding-top: 20px; 508 | padding-bottom: 40px; 509 | color: white; 510 | width: 700px; 511 | } 512 | 513 | .content-form { 514 | background-color: white; 515 | text-align: center; 516 | /* padding:20px; */ 517 | width: 400px; 518 | border-radius: 5px; 519 | height: 300px; 520 | padding-bottom: 20px; 521 | padding-top: 0px; 522 | } 523 | 524 | .content-label { 525 | border-radius: 5px; 526 | display: -webkit-box; 527 | display: -ms-flexbox; 528 | display: flex; 529 | -webkit-box-pack: center; 530 | -ms-flex-pack: center; 531 | justify-content: center; 532 | -webkit-box-align: center; 533 | -ms-flex-align: center; 534 | align-items: center; 535 | margin: 5px 0px; 536 | padding: 10px; 537 | } 538 | 539 | .content-form-input { 540 | border-radius: 5px; 541 | display: -webkit-box; 542 | display: -ms-flexbox; 543 | display: flex; 544 | -webkit-box-pack: center; 545 | -ms-flex-pack: center; 546 | justify-content: center; 547 | -webkit-box-align: center; 548 | -ms-flex-align: center; 549 | align-items: center; 550 | padding: 15px 20px; 551 | width: 350px; 552 | background-color: #F3F3F3; 553 | border: 1px solid #ece1e1; 554 | } 555 | 556 | select { 557 | padding: 10px; 558 | width: 350px; 559 | background-color: #F3F3F3; 560 | border-radius: 5px; 561 | border: 1px solid #ece1e1; 562 | margin-bottom: 20px; 563 | color: #757575; 564 | } 565 | 566 | .content-btn { 567 | width: 200px; 568 | background-color: #209EF0; 569 | padding: 10px; 570 | border-radius: 5px; 571 | border: 1px solid #209EF0; 572 | color: #fff; 573 | } 574 | 575 | .footer-img { 576 | width: 20px; 577 | border-radius: 50%; 578 | } 579 | 580 | .footer { 581 | padding: 50px; 582 | background-color: black; 583 | } 584 | 585 | .footer-title { 586 | color: #fff; 587 | font-size: 25px; 588 | line-height: 35px; 589 | margin-bottom: 25px; 590 | } 591 | 592 | .footer-text { 593 | color: #fff; 594 | font-size: 18px; 595 | line-height: 30px; 596 | /* padding-top: 20px; */ 597 | width: 330px; 598 | } 599 | 600 | .footer-list { 601 | display: -webkit-box; 602 | display: -ms-flexbox; 603 | display: flex; 604 | -webkit-box-pack: justify; 605 | -ms-flex-pack: justify; 606 | justify-content: space-between; 607 | } 608 | 609 | .footer-item { 610 | padding: 40px; 611 | } 612 | 613 | .footer-item__list__item__link { 614 | text-decoration: none; 615 | font-size: 18px; 616 | line-height: 28px; 617 | color: #fff; 618 | /* margin:20px 0px; */ 619 | -webkit-transition: 0.3s; 620 | transition: 0.3s; 621 | /* margin:15px 0px; */ 622 | } 623 | 624 | .content-btn:hover { 625 | -webkit-transition: 0.3s; 626 | transition: 0.3s; 627 | color: black; 628 | } 629 | 630 | .footer-item__list__item__link:hover { 631 | color: red; 632 | } 633 | 634 | .footer-item__list__item__link-1:hover { 635 | color: red; 636 | } 637 | 638 | .footer-item__list__item__link-1 { 639 | display: -webkit-box; 640 | display: -ms-flexbox; 641 | display: flex; 642 | -webkit-box-pack: left; 643 | -ms-flex-pack: left; 644 | justify-content: left; 645 | -webkit-box-align: center; 646 | -ms-flex-align: center; 647 | align-items: center; 648 | text-decoration: none; 649 | font-size: 18px; 650 | line-height: 28px; 651 | -webkit-transition: 0.3s; 652 | transition: 0.3s; 653 | color: #fff; 654 | margin: 15px 0px; 655 | } 656 | 657 | .footer-item-text { 658 | margin-left: 10px; 659 | } 660 | 661 | .orders-link { 662 | display: -webkit-box; 663 | display: -ms-flexbox; 664 | display: flex; 665 | -webkit-box-pack: center; 666 | -ms-flex-pack: center; 667 | justify-content: center; 668 | -webkit-box-align: center; 669 | -ms-flex-align: center; 670 | align-items: center; 671 | } 672 | 673 | .services-order-link { 674 | padding: 10px 40px; 675 | background-color: #00BAFC; 676 | border-radius: 5px; 677 | color: white; 678 | margin-right: 15px; 679 | } 680 | 681 | .services-buy-link { 682 | text-decoration: underline; 683 | color: #00BAFC; 684 | padding: 10px; 685 | font-size: 18px; 686 | } 687 | 688 | @media (max-width: 1160px) { 689 | .container { 690 | width: 1000px; 691 | } 692 | .header-picture { 693 | width: 45%; 694 | } 695 | .header-info { 696 | width: 45%; 697 | } 698 | .wrapper-desc, 699 | .solution-info, 700 | .project-info, 701 | .quality-info, 702 | .support-info { 703 | width: 50%; 704 | } 705 | .wrapper-picture, 706 | .solution-picture, 707 | .project-picture, 708 | .quality-picture, 709 | .support-picture { 710 | width: 40%; 711 | } 712 | .header-iframe { 713 | width: 420px; 714 | } 715 | /* .wrapper-desc{ 716 | display: flex; 717 | justify-content: center; 718 | align-items: center; 719 | flex-direction: column; 720 | text-align: justify; 721 | } */ 722 | } 723 | 724 | @media (max-width: 1020px) { 725 | .container { 726 | width: 900px; 727 | } 728 | .header-iframe { 729 | width: 400px; 730 | } 731 | .header-info__title { 732 | font-size: 25px; 733 | width: 250px; 734 | line-height: 35px; 735 | } 736 | .part-text { 737 | width: 300px; 738 | } 739 | .wrapper-desc { 740 | display: -webkit-box; 741 | display: -ms-flexbox; 742 | display: flex; 743 | -webkit-box-pack: center; 744 | -ms-flex-pack: center; 745 | justify-content: center; 746 | -webkit-box-align: center; 747 | -ms-flex-align: center; 748 | align-items: center; 749 | -webkit-box-orient: vertical; 750 | -webkit-box-direction: normal; 751 | -ms-flex-direction: column; 752 | flex-direction: column; 753 | text-align: justify; 754 | } 755 | .support-info--active { 756 | display: -webkit-box; 757 | display: -ms-flexbox; 758 | display: flex; 759 | -webkit-box-pack: center; 760 | -ms-flex-pack: center; 761 | justify-content: center; 762 | -webkit-box-align: center; 763 | -ms-flex-align: center; 764 | align-items: center; 765 | -webkit-box-orient: vertical; 766 | -webkit-box-direction: normal; 767 | -ms-flex-direction: column; 768 | flex-direction: column; 769 | text-align: justify; 770 | } 771 | .header-info__link { 772 | font-size: 16px; 773 | padding: 12px 5px; 774 | } 775 | .header-link--active { 776 | font-size: 16px; 777 | padding: 10px 10px; 778 | } 779 | .header-iframe { 780 | width: 400px; 781 | height: 250px; 782 | border-radius: 5px; 783 | } 784 | .part-title { 785 | width: 300px; 786 | } 787 | .wrapper-desc, 788 | .solution-info, 789 | .project-info, 790 | .quality-info, 791 | .support-info { 792 | width: 40%; 793 | } 794 | .wrapper-picture, 795 | .solution-picture, 796 | .project-picture, 797 | .quality-picture, 798 | .support-picture { 799 | width: 40%; 800 | } 801 | } 802 | 803 | @media (max-width: 920px) { 804 | .container { 805 | width: 800px; 806 | } 807 | .header-iframe { 808 | width: 350px; 809 | } 810 | .header-info__title { 811 | font-size: 23px; 812 | line-height: 34px; 813 | width: 220px; 814 | } 815 | .header-info__link { 816 | /* width: 100px; */ 817 | background: #00BAFC; 818 | border-radius: 5px; 819 | /* text-align: center; */ 820 | color: white; 821 | text-decoration: none; 822 | -webkit-transition: 0.3s; 823 | transition: 0.3s; 824 | font-size: 20px; 825 | padding: 12px 10px; 826 | } 827 | .header-info__text { 828 | width: 370px; 829 | } 830 | .part-text { 831 | width: 300px; 832 | } 833 | .part-title { 834 | font-size: 21px; 835 | line-height: 31px; 836 | width: 250px; 837 | } 838 | .footer-text { 839 | width: 230px; 840 | } 841 | .part-text { 842 | width: 250px; 843 | } 844 | .header-info__link { 845 | font-size: 16px; 846 | } 847 | .wrapper-desc, 848 | .solution-info, 849 | .support-info, 850 | .project-info, 851 | .quality-info { 852 | /* text-align: center; */ 853 | } 854 | .wrapper-desc, 855 | .solution-info, 856 | .project-info, 857 | .quality-info, 858 | .support-info { 859 | width: 40%; 860 | } 861 | .wrapper-picture, 862 | .solution-picture, 863 | .project-picture, 864 | .quality-picture, 865 | .support-picture { 866 | width: 40%; 867 | } 868 | .header-link--active { 869 | display: none; 870 | } 871 | } 872 | 873 | @media (max-width: 820px) { 874 | .container { 875 | width: 700px; 876 | } 877 | .header-iframe { 878 | width: 300px; 879 | } 880 | .part-text { 881 | width: 250px; 882 | } 883 | .part-img { 884 | width: 200px; 885 | } 886 | .services-item { 887 | width: 40%; 888 | } 889 | .wrapper-desc, 890 | .solution-info, 891 | .project-info, 892 | .quality-info { 893 | /* text-align: center; */ 894 | } 895 | .footer-title { 896 | font-size: 20px; 897 | width: 180px; 898 | } 899 | .footer-item { 900 | width: 30%; 901 | } 902 | .header-info__text { 903 | width: 300px; 904 | } 905 | .header-info__link { 906 | font-size: 16px; 907 | } 908 | .header-link { 909 | margin: 0px 5px; 910 | } 911 | .wrapper-desc, 912 | .solution-info, 913 | .project-info, 914 | .quality-info, 915 | .support-info { 916 | width: 40%; 917 | } 918 | .wrapper-picture, 919 | .solution-picture, 920 | .project-picture, 921 | .quality-picture, 922 | .support-picture { 923 | width: 40%; 924 | } 925 | } 926 | 927 | @media (max-width: 720px) { 928 | .container { 929 | width: 600px; 930 | } 931 | .header-part { 932 | padding-top: 70px; 933 | -webkit-box-orient: vertical; 934 | -webkit-box-direction: reverse; 935 | -ms-flex-direction: column-reverse; 936 | flex-direction: column-reverse; 937 | -webkit-box-align: center; 938 | -ms-flex-align: center; 939 | align-items: center; 940 | -webkit-box-pack: center; 941 | -ms-flex-pack: center; 942 | justify-content: center; 943 | } 944 | .header-picture { 945 | margin-bottom: 40px; 946 | } 947 | .services-list { 948 | margin-top: 10px; 949 | } 950 | .wrapper-part, 951 | .solution-part, 952 | .project, 953 | .quality, 954 | .support { 955 | -webkit-box-orient: vertical; 956 | -webkit-box-direction: normal; 957 | -ms-flex-direction: column; 958 | flex-direction: column; 959 | text-align: justify; 960 | margin: 80px 0px; 961 | } 962 | .solution-part, 963 | .quality { 964 | -webkit-box-orient: vertical; 965 | -webkit-box-direction: reverse; 966 | -ms-flex-direction: column-reverse; 967 | flex-direction: column-reverse; 968 | } 969 | .wrapper-title { 970 | font-size: 32px; 971 | line-height: 40px; 972 | } 973 | .part-title { 974 | margin-top: 60px; 975 | width: 370px; 976 | margin-bottom: 15px; 977 | font-size: 23px; 978 | line-height: 33px; 979 | } 980 | .part-text { 981 | width: 350px; 982 | } 983 | .wrapper-text { 984 | width: 400px; 985 | } 986 | .part-img { 987 | width: 320px; 988 | } 989 | .content-info { 990 | width: 380px; 991 | } 992 | .footer-text { 993 | width: 180px; 994 | } 995 | .footer-title { 996 | font-size: 22px; 997 | line-height: 22px; 998 | } 999 | .part-img { 1000 | width: 160px; 1001 | } 1002 | .part { 1003 | -webkit-box-orient: vertical; 1004 | -webkit-box-direction: normal; 1005 | -ms-flex-direction: column; 1006 | flex-direction: column; 1007 | display: -webkit-box; 1008 | display: -ms-flexbox; 1009 | display: flex; 1010 | -webkit-box-pack: center; 1011 | -ms-flex-pack: center; 1012 | justify-content: center; 1013 | -webkit-box-align: center; 1014 | -ms-flex-align: center; 1015 | align-items: center; 1016 | text-align: center; 1017 | } 1018 | .wrapper-desc, 1019 | .solution-info, 1020 | .project-info, 1021 | .quality-info, 1022 | .support-info { 1023 | text-align: center; 1024 | } 1025 | .footer-title { 1026 | font-size: 18px; 1027 | width: 150px; 1028 | } 1029 | .footer-item { 1030 | width: 33%; 1031 | } 1032 | .header-link--active { 1033 | display: none; 1034 | } 1035 | .header-iframe { 1036 | width: 300px; 1037 | height: 200px; 1038 | } 1039 | .header-info__title { 1040 | font-size: 28px; 1041 | line-height: 38px; 1042 | } 1043 | .header-part { 1044 | margin-top: 0px; 1045 | display: -webkit-box; 1046 | display: -ms-flexbox; 1047 | display: flex; 1048 | -webkit-box-pack: center; 1049 | -ms-flex-pack: center; 1050 | justify-content: center; 1051 | -webkit-box-align: center; 1052 | -ms-flex-align: center; 1053 | align-items: center; 1054 | -webkit-box-orient: vertical; 1055 | -webkit-box-direction: normal; 1056 | -ms-flex-direction: column; 1057 | flex-direction: column; 1058 | } 1059 | .header-info { 1060 | margin-top: 0px; 1061 | display: -webkit-box; 1062 | display: -ms-flexbox; 1063 | display: flex; 1064 | -webkit-box-pack: center; 1065 | -ms-flex-pack: center; 1066 | justify-content: center; 1067 | -webkit-box-align: center; 1068 | -ms-flex-align: center; 1069 | align-items: center; 1070 | -webkit-box-orient: vertical; 1071 | -webkit-box-direction: normal; 1072 | -ms-flex-direction: column; 1073 | flex-direction: column; 1074 | } 1075 | .header-info__link { 1076 | padding: 10px 40px; 1077 | } 1078 | .header-info__text { 1079 | width: 400px; 1080 | font-size: 20px; 1081 | } 1082 | .header-info__title { 1083 | width: 390px; 1084 | } 1085 | .header-info { 1086 | text-align: center; 1087 | } 1088 | .header-info__link { 1089 | font-size: 16px; 1090 | } 1091 | .header-link { 1092 | margin: 0px 10px; 1093 | } 1094 | .header-iframe { 1095 | display: none; 1096 | } 1097 | .services-list { 1098 | -webkit-box-orient: vertical; 1099 | -webkit-box-direction: normal; 1100 | -ms-flex-direction: column; 1101 | flex-direction: column; 1102 | } 1103 | .services-item { 1104 | width: 70%; 1105 | margin: 35px 0px; 1106 | } 1107 | .services-text { 1108 | width: 450px; 1109 | } 1110 | .orders-link { 1111 | margin-top: 40px; 1112 | -webkit-box-orient: vertical; 1113 | -webkit-box-direction: normal; 1114 | -ms-flex-direction: column; 1115 | flex-direction: column; 1116 | } 1117 | .services-order-link { 1118 | margin-bottom: 15px; 1119 | } 1120 | .wrapper .container { 1121 | display: -webkit-box; 1122 | display: -ms-flexbox; 1123 | display: flex; 1124 | -webkit-box-pack: center; 1125 | -ms-flex-pack: center; 1126 | justify-content: center; 1127 | -webkit-box-align: center; 1128 | -ms-flex-align: center; 1129 | align-items: center; 1130 | -webkit-box-orient: vertical; 1131 | -webkit-box-direction: normal; 1132 | -ms-flex-direction: column; 1133 | flex-direction: column; 1134 | } 1135 | .part { 1136 | display: -webkit-box; 1137 | display: -ms-flexbox; 1138 | display: flex; 1139 | -webkit-box-pack: center; 1140 | -ms-flex-pack: center; 1141 | justify-content: center; 1142 | -webkit-box-align: center; 1143 | -ms-flex-align: center; 1144 | align-items: center; 1145 | -webkit-box-orient: vertical; 1146 | -webkit-box-direction: normal; 1147 | -ms-flex-direction: column; 1148 | flex-direction: column; 1149 | margin: 40px 0px; 1150 | } 1151 | .part-active { 1152 | display: -webkit-box; 1153 | display: -ms-flexbox; 1154 | display: flex; 1155 | -webkit-box-pack: center; 1156 | -ms-flex-pack: center; 1157 | justify-content: center; 1158 | -webkit-box-align: center; 1159 | -ms-flex-align: center; 1160 | align-items: center; 1161 | -webkit-box-orient: vertical; 1162 | -webkit-box-direction: reverse; 1163 | -ms-flex-direction: column-reverse; 1164 | flex-direction: column-reverse; 1165 | } 1166 | .wrapper-desc, 1167 | .solution-info, 1168 | .project-info, 1169 | .quality-info, 1170 | .support-info { 1171 | width: 100%; 1172 | } 1173 | .wrapper-picture, 1174 | .solution-picture, 1175 | .project-picture, 1176 | .quality-picture, 1177 | .support-picture { 1178 | width: 100%; 1179 | } 1180 | } 1181 | 1182 | @media (max-width: 620px) { 1183 | .container { 1184 | width: 500px; 1185 | } 1186 | .header-info__text { 1187 | width: 280px; 1188 | margin-bottom: 20px; 1189 | } 1190 | .container .header-info__title { 1191 | width: 280px; 1192 | } 1193 | .container .services-text { 1194 | width: 300px; 1195 | } 1196 | .services-list { 1197 | -webkit-box-orient: vertical; 1198 | -webkit-box-direction: reverse; 1199 | -ms-flex-direction: column-reverse; 1200 | flex-direction: column-reverse; 1201 | } 1202 | .services-item { 1203 | width: 60%; 1204 | } 1205 | .footer-list { 1206 | -webkit-box-orient: vertical; 1207 | -webkit-box-direction: normal; 1208 | -ms-flex-direction: column; 1209 | flex-direction: column; 1210 | -webkit-box-pack: center; 1211 | -ms-flex-pack: center; 1212 | justify-content: center; 1213 | -webkit-box-align: center; 1214 | -ms-flex-align: center; 1215 | align-items: center; 1216 | text-align: center; 1217 | display: -webkit-box; 1218 | display: -ms-flexbox; 1219 | display: flex; 1220 | } 1221 | .container .content-title { 1222 | font-size: 22px; 1223 | line-height: 32px; 1224 | } 1225 | .content.container .content-info { 1226 | width: 200px; 1227 | font-size: 16px; 1228 | line-height: 22px; 1229 | } 1230 | .content .container .content-form { 1231 | width: 220px; 1232 | } 1233 | .container .content-form-input { 1234 | width: 190px; 1235 | } 1236 | .container .select { 1237 | width: 190px; 1238 | } 1239 | .btn { 1240 | display: block; 1241 | border: none; 1242 | } 1243 | .header-link { 1244 | display: none; 1245 | } 1246 | .container .btn { 1247 | width: 120px; 1248 | } 1249 | .header-info__link { 1250 | padding: 10px 25px; 1251 | } 1252 | .active { 1253 | font-size: 0px; 1254 | } 1255 | .active-1 { 1256 | font-size: 0px; 1257 | } 1258 | .footer .container .footer-list { 1259 | display: -webkit-box; 1260 | display: -ms-flexbox; 1261 | display: flex; 1262 | -webkit-box-pack: center; 1263 | -ms-flex-pack: center; 1264 | justify-content: center; 1265 | -webkit-box-align: center; 1266 | -ms-flex-align: center; 1267 | align-items: center; 1268 | -webkit-box-orient: vertical; 1269 | -webkit-box-direction: normal; 1270 | -ms-flex-direction: column; 1271 | flex-direction: column; 1272 | margin-top: -200px; 1273 | } 1274 | .footer-item__list__item__link-1 { 1275 | margin: 5px 0px; 1276 | } 1277 | .orders-link { 1278 | -webkit-box-orient: vertical; 1279 | -webkit-box-direction: normal; 1280 | -ms-flex-direction: column; 1281 | flex-direction: column; 1282 | } 1283 | .footer-item__list { 1284 | -webkit-box-orient: vertical; 1285 | -webkit-box-direction: normal; 1286 | -ms-flex-direction: column; 1287 | flex-direction: column; 1288 | display: -webkit-box; 1289 | display: -ms-flexbox; 1290 | display: flex; 1291 | -webkit-box-pack: center; 1292 | -ms-flex-pack: center; 1293 | justify-content: center; 1294 | -webkit-box-align: center; 1295 | -ms-flex-align: center; 1296 | align-items: center; 1297 | } 1298 | .part-active { 1299 | margin-right: 50px; 1300 | } 1301 | .wrapper .container { 1302 | display: -webkit-box; 1303 | display: -ms-flexbox; 1304 | display: flex; 1305 | -webkit-box-pack: center; 1306 | -ms-flex-pack: center; 1307 | justify-content: center; 1308 | -webkit-box-align: center; 1309 | -ms-flex-align: center; 1310 | align-items: center; 1311 | -webkit-box-orient: vertical; 1312 | -webkit-box-direction: normal; 1313 | -ms-flex-direction: column; 1314 | flex-direction: column; 1315 | } 1316 | .part { 1317 | display: -webkit-box; 1318 | display: -ms-flexbox; 1319 | display: flex; 1320 | -webkit-box-pack: center; 1321 | -ms-flex-pack: center; 1322 | justify-content: center; 1323 | -webkit-box-align: center; 1324 | -ms-flex-align: center; 1325 | align-items: center; 1326 | -webkit-box-orient: vertical; 1327 | -webkit-box-direction: normal; 1328 | -ms-flex-direction: column; 1329 | flex-direction: column; 1330 | margin: 40px 0px; 1331 | } 1332 | .part-active { 1333 | display: -webkit-box; 1334 | display: -ms-flexbox; 1335 | display: flex; 1336 | -webkit-box-pack: center; 1337 | -ms-flex-pack: center; 1338 | justify-content: center; 1339 | -webkit-box-align: center; 1340 | -ms-flex-align: center; 1341 | align-items: center; 1342 | -webkit-box-orient: vertical; 1343 | -webkit-box-direction: reverse; 1344 | -ms-flex-direction: column-reverse; 1345 | flex-direction: column-reverse; 1346 | } 1347 | .wrapper-desc, 1348 | .solution-info, 1349 | .project-info, 1350 | .quality-info, 1351 | .support-info { 1352 | width: 100%; 1353 | } 1354 | .wrapper-picture, 1355 | .solution-picture, 1356 | .project-picture, 1357 | .quality-picture, 1358 | .support-picture { 1359 | width: 100%; 1360 | } 1361 | .services-title { 1362 | font-size: 32px; 1363 | line-height: 42px; 1364 | } 1365 | .container .services-text { 1366 | font-size: 18px; 1367 | line-height: 28px; 1368 | width: 400px; 1369 | margin-bottom: 30px; 1370 | } 1371 | .container .header-info__text { 1372 | font-size: 18px; 1373 | line-height: 28px; 1374 | width: 450px; 1375 | margin-top: 10px; 1376 | margin-bottom: 25px; 1377 | } 1378 | .container .part-text { 1379 | font-size: 18px; 1380 | } 1381 | .container .part-title { 1382 | font-size: 25px; 1383 | } 1384 | .wrapper-info { 1385 | display: -webkit-box; 1386 | display: -ms-flexbox; 1387 | display: flex; 1388 | -webkit-box-align: center; 1389 | -ms-flex-align: center; 1390 | align-items: center; 1391 | -webkit-box-pack: center; 1392 | -ms-flex-pack: center; 1393 | justify-content: center; 1394 | -webkit-box-orient: vertical; 1395 | -webkit-box-direction: normal; 1396 | -ms-flex-direction: column; 1397 | flex-direction: column; 1398 | text-align: center; 1399 | } 1400 | .wrapper-title { 1401 | font-size: 32px; 1402 | width: 400px; 1403 | } 1404 | .container .header-info__title { 1405 | font-size: 27px; 1406 | line-height: 37px; 1407 | width: 350px; 1408 | } 1409 | .container .header-info__link { 1410 | width: 240px; 1411 | } 1412 | .header .header-part .container .header-info { 1413 | text-align: center; 1414 | } 1415 | } 1416 | 1417 | @media (max-width: 520px) { 1418 | .container { 1419 | width: 400px; 1420 | } 1421 | .header-iframe { 1422 | width: 250px; 1423 | } 1424 | .header-info__link { 1425 | padding: 10px 5px; 1426 | } 1427 | .part-title { 1428 | width: 300px; 1429 | font-size: 22px; 1430 | line-height: 32px; 1431 | font-weight: 600; 1432 | } 1433 | .part-img { 1434 | width: 220px; 1435 | } 1436 | .footer-list { 1437 | margin-top: -100px; 1438 | } 1439 | .wrapper-title { 1440 | font-size: 27px; 1441 | margin-bottom: 10px; 1442 | width: 300px; 1443 | } 1444 | .wrapper-text { 1445 | width: 380px; 1446 | font-size: 18px; 1447 | line-height: 28px; 1448 | } 1449 | .part-text { 1450 | width: 250px; 1451 | } 1452 | .part-title { 1453 | font-size: 25px; 1454 | } 1455 | .part-text { 1456 | font-size: 18px; 1457 | line-height: 28px; 1458 | } 1459 | .part-active { 1460 | margin-right: 30px; 1461 | } 1462 | .services-item { 1463 | width: 90%; 1464 | margin: 35px 0px; 1465 | } 1466 | .header-info__title { 1467 | font-size: 25px; 1468 | line-height: 32px; 1469 | } 1470 | .header-info__text { 1471 | width: 390px; 1472 | margin-top: 25px; 1473 | } 1474 | .container .content-title { 1475 | font-size: 32px; 1476 | line-height: 38px; 1477 | } 1478 | .content-info { 1479 | width: 370px; 1480 | } 1481 | .container .content-button { 1482 | width: 100px; 1483 | } 1484 | .btn { 1485 | margin-left: 300px; 1486 | } 1487 | .wrapper .container { 1488 | display: -webkit-box; 1489 | display: -ms-flexbox; 1490 | display: flex; 1491 | -webkit-box-pack: center; 1492 | -ms-flex-pack: center; 1493 | justify-content: center; 1494 | -webkit-box-align: center; 1495 | -ms-flex-align: center; 1496 | align-items: center; 1497 | -webkit-box-orient: vertical; 1498 | -webkit-box-direction: normal; 1499 | -ms-flex-direction: column; 1500 | flex-direction: column; 1501 | } 1502 | .part { 1503 | display: -webkit-box; 1504 | display: -ms-flexbox; 1505 | display: flex; 1506 | -webkit-box-pack: center; 1507 | -ms-flex-pack: center; 1508 | justify-content: center; 1509 | -webkit-box-align: center; 1510 | -ms-flex-align: center; 1511 | align-items: center; 1512 | -webkit-box-orient: vertical; 1513 | -webkit-box-direction: normal; 1514 | -ms-flex-direction: column; 1515 | flex-direction: column; 1516 | margin: 40px 0px; 1517 | } 1518 | .part-active { 1519 | display: -webkit-box; 1520 | display: -ms-flexbox; 1521 | display: flex; 1522 | -webkit-box-pack: center; 1523 | -ms-flex-pack: center; 1524 | justify-content: center; 1525 | -webkit-box-align: center; 1526 | -ms-flex-align: center; 1527 | align-items: center; 1528 | -webkit-box-orient: vertical; 1529 | -webkit-box-direction: reverse; 1530 | -ms-flex-direction: column-reverse; 1531 | flex-direction: column-reverse; 1532 | } 1533 | .wrapper-desc, 1534 | .solution-info, 1535 | .project-info, 1536 | .quality-info, 1537 | .support-info { 1538 | width: 100%; 1539 | } 1540 | .wrapper-picture, 1541 | .solution-picture, 1542 | .project-picture, 1543 | .quality-picture, 1544 | .support-picture { 1545 | width: 100%; 1546 | } 1547 | .wrapper-desc, 1548 | .solution-info, 1549 | .project-info, 1550 | .support-info, 1551 | .quality-info { 1552 | display: -webkit-box; 1553 | display: -ms-flexbox; 1554 | display: flex; 1555 | -webkit-box-pack: center; 1556 | -ms-flex-pack: center; 1557 | justify-content: center; 1558 | -webkit-box-align: center; 1559 | -ms-flex-align: center; 1560 | align-items: center; 1561 | -webkit-box-orient: vertical; 1562 | -webkit-box-direction: normal; 1563 | -ms-flex-direction: column; 1564 | flex-direction: column; 1565 | } 1566 | .container .header-info__title { 1567 | font-size: 24px; 1568 | line-height: 34px; 1569 | width: 300px; 1570 | } 1571 | .container .header-info__link { 1572 | width: 200px; 1573 | } 1574 | .header .container .header-info__text { 1575 | width: 380px; 1576 | text-align: center; 1577 | } 1578 | } 1579 | 1580 | @media (max-width: 400px) { 1581 | .container { 1582 | width: 250px; 1583 | } 1584 | .btn { 1585 | margin-left: 10px; 1586 | } 1587 | .header .container .header-info__title { 1588 | font-size: 20px; 1589 | line-height: 30px; 1590 | width: 250px; 1591 | } 1592 | .header .container .header-info__text { 1593 | width: 200px; 1594 | } 1595 | .container .header-info__link { 1596 | width: 200px; 1597 | font-size: 15px; 1598 | padding: 10px; 1599 | } 1600 | .services .container .services-info { 1601 | display: -webkit-box; 1602 | display: -ms-flexbox; 1603 | display: flex; 1604 | -webkit-box-pack: center; 1605 | -ms-flex-pack: center; 1606 | justify-content: center; 1607 | -webkit-box-align: center; 1608 | -ms-flex-align: center; 1609 | align-items: center; 1610 | -webkit-box-orient: vertical; 1611 | -webkit-box-direction: normal; 1612 | -ms-flex-direction: column; 1613 | flex-direction: column; 1614 | } 1615 | .services .container .services-title { 1616 | font-size: 22px; 1617 | line-height: 32px; 1618 | } 1619 | .wrapper-title { 1620 | font-size: 22px; 1621 | width: 150px; 1622 | } 1623 | .wrapper-text { 1624 | font-size: 16px; 1625 | line-height: 26px; 1626 | width: 200px; 1627 | } 1628 | .container .part-title { 1629 | font-size: 22px; 1630 | line-height: 32px; 1631 | width: 170px; 1632 | } 1633 | .container .part-text { 1634 | width: 200px; 1635 | } 1636 | .container .content-title { 1637 | font-size: 22px; 1638 | line-height: 32px; 1639 | width: 150px; 1640 | } 1641 | .container .content-info { 1642 | width: 200px; 1643 | } 1644 | .services .container .services-text { 1645 | width: 200px; 1646 | } 1647 | .container .btn { 1648 | margin-left: 150px; 1649 | } 1650 | .header .container .header-part .header-info__text { 1651 | width: 250px; 1652 | } 1653 | .container .content-title { 1654 | width: 250px; 1655 | } 1656 | .container .part-title { 1657 | width: 250px; 1658 | } 1659 | .content .container .content-info { 1660 | width: 280px; 1661 | } 1662 | .container .wrapper-title { 1663 | width: 250px; 1664 | } 1665 | } 1666 | 1667 | @media (max-width: 250px) { 1668 | .container { 1669 | width: 90%; 1670 | } 1671 | } 1672 | /*# sourceMappingURL=style.css.map */ -------------------------------------------------------------------------------- /public/assets/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": [ 5 | "style.scss" 6 | ], 7 | "names": [], 8 | "file": "style.css" 9 | } -------------------------------------------------------------------------------- /public/assets/style.scss: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Open Sans'; 3 | src: url('./assets/fonts/OpenSans-ExtraBold.woff2') format('woff2'), 4 | url('./assets/fonts/OpenSans-ExtraBold.woff') format('woff'); 5 | font-weight: 800; 6 | font-style: normal; 7 | font-display: swap; 8 | } 9 | 10 | @font-face { 11 | font-family: 'Open Sans'; 12 | src: url('./assets/fonts/OpenSans-Bold.woff2') format('woff2'), 13 | url('./assets/fonts/OpenSans-Bold.woff') format('woff'); 14 | font-weight: bold; 15 | font-style: normal; 16 | font-display: swap; 17 | } 18 | 19 | @font-face { 20 | font-family: 'Open Sans'; 21 | src: url('./assets/fonts/OpenSans-Light.woff2') format('woff2'), 22 | url('./assets/fonts/OpenSans-Light.woff') format('woff'); 23 | font-weight: 300; 24 | font-style: normal; 25 | font-display: swap; 26 | } 27 | 28 | @font-face { 29 | font-family: 'Open Sans'; 30 | src: url('./assets/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'), 31 | url('./assets/fonts/OpenSans-ExtraBoldItalic.woff') format('woff'); 32 | font-weight: 800; 33 | font-style: italic; 34 | font-display: swap; 35 | } 36 | 37 | @font-face { 38 | font-family: 'Open Sans'; 39 | src: url('./assets/fonts/OpenSans-Italic.woff2') format('woff2'), 40 | url('./assets/fonts/OpenSans-Italic.woff') format('woff'); 41 | font-weight: normal; 42 | font-style: italic; 43 | font-display: swap; 44 | } 45 | 46 | @font-face { 47 | font-family: 'Open Sans'; 48 | src: url('./assets/fonts/OpenSans-BoldItalic.woff2') format('woff2'), 49 | url('./assets/fonts/OpenSans-BoldItalic.woff') format('woff'); 50 | font-weight: bold; 51 | font-style: italic; 52 | font-display: swap; 53 | } 54 | 55 | @font-face { 56 | font-family: 'Open Sans'; 57 | src: url('./assets/fonts/OpenSans-LightItalic.woff2') format('woff2'), 58 | url('./assets/fonts/OpenSans-LightItalic.woff') format('woff'); 59 | font-weight: 300; 60 | font-style: italic; 61 | font-display: swap; 62 | } 63 | 64 | @font-face { 65 | font-family: 'Open Sans'; 66 | src: url('./assets/fonts/OpenSans-SemiBold.woff2') format('woff2'), 67 | url('./assets/fonts/OpenSans-SemiBold.woff') format('woff'); 68 | font-weight: 600; 69 | font-style: normal; 70 | font-display: swap; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Open Sans'; 75 | src: url('./assets/fonts/OpenSans-Regular.woff2') format('woff2'), 76 | url('./assets/fonts/OpenSans-Regular.woff') format('woff'); 77 | font-weight: normal; 78 | font-style: normal; 79 | font-display: swap; 80 | } 81 | 82 | @font-face { 83 | font-family: 'Open Sans'; 84 | src: url('./assets/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), 85 | url('./assets/fonts/OpenSans-SemiBoldItalic.woff') format('woff'); 86 | font-weight: 600; 87 | font-style: italic; 88 | font-display: swap; 89 | } 90 | 91 | 92 | * { 93 | margin: 0; 94 | padding: 0; 95 | box-sizing: border-box; 96 | } 97 | 98 | ul, 99 | ol { 100 | list-style: none; 101 | } 102 | 103 | img { 104 | width: 100%; 105 | 106 | } 107 | 108 | a { 109 | text-decoration: none; 110 | } 111 | 112 | .container { 113 | width: 1140px; 114 | margin: 0 auto; 115 | /* background-color: yellowgreen; */ 116 | 117 | 118 | } 119 | 120 | html { 121 | scroll-behavior: smooth; 122 | } 123 | 124 | .header { 125 | padding: 50px; 126 | padding-bottom: 0px; 127 | padding-top: 10px; 128 | background-color: #fff; 129 | 130 | } 131 | 132 | body { 133 | font-family: 'Open Sans'; 134 | } 135 | 136 | .navbar .container { 137 | 138 | display: flex; 139 | justify-content: space-between; 140 | align-items: center; 141 | 142 | 143 | 144 | } 145 | 146 | .navbar { 147 | box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4); 148 | padding: 10px; 149 | padding-top: 10px; 150 | 151 | } 152 | 153 | .header-list { 154 | 155 | display: flex; 156 | /* justify-content: space-between; */ 157 | align-items: center; 158 | 159 | } 160 | 161 | .header-link { 162 | margin: 0px 15px; 163 | color: black; 164 | transition: 0.3s; 165 | } 166 | 167 | .header-link:hover { 168 | color: red; 169 | } 170 | 171 | .header-link--active { 172 | background: #00BAFC; 173 | border-radius: 5px; 174 | color: white; 175 | text-decoration: none; 176 | padding: 10px 30px; 177 | 178 | 179 | } 180 | 181 | .btn { 182 | display: none; 183 | } 184 | 185 | .btn-icon { 186 | width: 45px; 187 | } 188 | 189 | .header-link--active:hover { 190 | /* background-color: rgb(64, 67, 224); */ 191 | color: #fff; 192 | text-decoration: underline; 193 | } 194 | 195 | .header-part { 196 | 197 | display: flex; 198 | justify-content: space-between; 199 | /* align-items: center; */ 200 | /* padding:50px; */ 201 | padding-left: 0px; 202 | padding-right: 0px; 203 | padding-top: 120px; 204 | /* border-top: 3px solid rgba(231, 229, 229,0.8); */ 205 | /* margin-top: 15px; */ 206 | 207 | } 208 | 209 | .header-info { 210 | width: 45%; 211 | } 212 | 213 | .header-picture { 214 | width: 45%; 215 | } 216 | 217 | .header-iframe { 218 | width: 500px; 219 | height: 320px; 220 | border-radius: 5px; 221 | } 222 | 223 | .header-info__title { 224 | /* font-family: "sans-serif"; */ 225 | font-style: normal; 226 | font-weight: bold; 227 | font-size: 35px; 228 | line-height: 45px; 229 | /* text-align: center; */ 230 | color: #000000; 231 | width: 480px; 232 | margin-bottom: 15px; 233 | } 234 | 235 | .header-info__text { 236 | font-style: normal; 237 | font-weight: normal; 238 | font-size: 16px; 239 | line-height: 30px; 240 | color: black; 241 | width: 460px; 242 | margin-bottom: 50px; 243 | } 244 | 245 | .header-info__link { 246 | background: #00BAFC; 247 | border-radius: 5px; 248 | /* text-align: center; */ 249 | color: white; 250 | text-decoration: none; 251 | transition: 0.3s; 252 | font-size: 20px; 253 | 254 | 255 | padding: 15px 30px; 256 | } 257 | 258 | .header-info__link:hover { 259 | color: black; 260 | } 261 | 262 | .header-title { 263 | width: 80px; 264 | } 265 | 266 | .services-img { 267 | width: 170px; 268 | } 269 | 270 | .services { 271 | padding: 50px; 272 | background-color: #fff; 273 | 274 | } 275 | 276 | .services-info { 277 | text-align: center; 278 | display: flex; 279 | flex-direction: column; 280 | justify-content: center; 281 | align-items: center; 282 | } 283 | 284 | .services-title { 285 | font-style: normal; 286 | font-weight: bold; 287 | font-size: 24px; 288 | line-height: 30px; 289 | color: #000000; 290 | margin: 16px 0px; 291 | width: 120px; 292 | } 293 | 294 | .services-text { 295 | font-weight: normal; 296 | font-size: 16px; 297 | line-height: 24px; 298 | width: 600px; 299 | text-align: center; 300 | color: #000000; 301 | } 302 | 303 | .services-list { 304 | display: flex; 305 | justify-content: space-evenly; 306 | align-items: center; 307 | flex-wrap: wrap; 308 | margin-top: 70px; 309 | text-align: center; 310 | } 311 | 312 | .services-item { 313 | width: 28%; 314 | padding: 20px 5px; 315 | box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); 316 | border-radius: 5px; 317 | margin: 50px 10px; 318 | } 319 | 320 | .services-item--active { 321 | width: 29%; 322 | /* padding:50px 10px; */ 323 | box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); 324 | border-radius: 5px; 325 | /* margin: 50px 10px; */ 326 | margin: 5px 0px; 327 | margin-bottom: 70px; 328 | } 329 | 330 | .services-order-link:hover { 331 | color: black; 332 | transition: 0.3s; 333 | } 334 | 335 | .services-buy-link:hover { 336 | color: rgb(255, 81, 0); 337 | transition: 0.3s; 338 | } 339 | 340 | .services-list__title { 341 | margin-top: 20px; 342 | font-size: 24px; 343 | font-weight: 600; 344 | margin-bottom: 20px; 345 | } 346 | 347 | 348 | .wrapper { 349 | padding: 50px; 350 | background-color: #fff; 351 | } 352 | 353 | .wrapper-desc, 354 | .solution-info, 355 | .project-info, 356 | .quality-info, 357 | .support-info { 358 | width: 45%; 359 | } 360 | 361 | .wrapper-picture, 362 | .solution-picture, 363 | .project-picture, 364 | .quality-picture, 365 | .support-picture { 366 | width: 28%; 367 | } 368 | 369 | .wrapper-title { 370 | font-size: 24px; 371 | line-height: 34px; 372 | margin-bottom: 15px; 373 | /* width: 250px; */ 374 | } 375 | 376 | .wrapper-text { 377 | width: 650px; 378 | text-align: center; 379 | 380 | } 381 | 382 | .part-img { 383 | width: 290px; 384 | } 385 | 386 | .btn { 387 | background-color: #fff; 388 | } 389 | 390 | .wrapper-info { 391 | display: flex; 392 | justify-content: center; 393 | align-items: center; 394 | flex-direction: column; 395 | margin-bottom: 100px; 396 | } 397 | 398 | .part { 399 | display: flex; 400 | justify-content: center; 401 | /* text-align: center; */ 402 | align-items: center; 403 | margin: 80px 0px; 404 | 405 | } 406 | 407 | .wrapper-part { 408 | display: flex; 409 | justify-content: center; 410 | align-items: center; 411 | } 412 | 413 | .part-title { 414 | font-size: 25px; 415 | line-height: 25px; 416 | margin-bottom: 10px; 417 | } 418 | 419 | .part-text { 420 | width: 400px; 421 | } 422 | 423 | .wrapper-link { 424 | padding: 10px 40px; 425 | background-color: #00BAFC; 426 | text-align: center; 427 | color: white; 428 | border-radius: 5px; 429 | transition: 0.3s; 430 | } 431 | 432 | .wrapper-link:hover { 433 | color: black; 434 | } 435 | 436 | .link { 437 | display: flex; 438 | justify-content: center; 439 | align-items: center; 440 | } 441 | 442 | .content { 443 | padding: 50px; 444 | background-color: #209EF0; 445 | text-align: center; 446 | } 447 | 448 | .content .container { 449 | 450 | display: flex; 451 | justify-content: center; 452 | align-items: center; 453 | flex-direction: column; 454 | } 455 | 456 | .content-title { 457 | font-size: 40px; 458 | line-height: 40px; 459 | color: white; 460 | } 461 | 462 | .content-info { 463 | font-size: 18px; 464 | line-height: 28px; 465 | padding-top: 20px; 466 | padding-bottom: 40px; 467 | color: white; 468 | width: 700px; 469 | } 470 | 471 | .content-form { 472 | background-color: white; 473 | text-align: center; 474 | /* padding:20px; */ 475 | width: 400px; 476 | border-radius: 5px; 477 | height: 300px; 478 | padding-bottom: 20px; 479 | padding-top: 0px; 480 | 481 | } 482 | 483 | .content-label { 484 | border-radius: 5px; 485 | display: flex; 486 | justify-content: center; 487 | align-items: center; 488 | margin: 5px 0px; 489 | padding: 10px; 490 | 491 | } 492 | 493 | .content-form-input { 494 | border-radius: 5px; 495 | display: flex; 496 | justify-content: center; 497 | align-items: center; 498 | padding: 15px 20px; 499 | width: 350px; 500 | background-color: #F3F3F3; 501 | border: 1px solid rgb(236, 225, 225); 502 | } 503 | 504 | select { 505 | padding: 10px; 506 | width: 350px; 507 | background-color: #F3F3F3; 508 | border-radius: 5px; 509 | border: 1px solid rgb(236, 225, 225); 510 | margin-bottom: 20px; 511 | color: #757575; 512 | } 513 | 514 | .content-btn { 515 | width: 200px; 516 | background-color: #209EF0; 517 | padding: 10px; 518 | border-radius: 5px; 519 | border: 1px solid #209EF0; 520 | color: #fff; 521 | 522 | } 523 | 524 | .footer-img { 525 | width: 20px; 526 | border-radius: 50%; 527 | } 528 | 529 | .footer { 530 | padding: 50px; 531 | background-color: rgb(0, 0, 0); 532 | } 533 | 534 | .footer-title { 535 | color: #fff; 536 | font-size: 25px; 537 | line-height: 35px; 538 | margin-bottom: 25px; 539 | } 540 | 541 | .footer-text { 542 | color: #fff; 543 | font-size: 18px; 544 | line-height: 30px; 545 | /* padding-top: 20px; */ 546 | width: 330px; 547 | } 548 | 549 | .footer-list { 550 | display: flex; 551 | justify-content: space-between; 552 | 553 | } 554 | 555 | .footer-item { 556 | 557 | padding: 40px; 558 | 559 | } 560 | 561 | .footer-item__list__item__link { 562 | text-decoration: none; 563 | font-size: 18px; 564 | line-height: 28px; 565 | color: #fff; 566 | /* margin:20px 0px; */ 567 | transition: 0.3s; 568 | /* margin:15px 0px; */ 569 | 570 | } 571 | 572 | .content-btn:hover { 573 | transition: 0.3s; 574 | color: black; 575 | } 576 | 577 | .footer-item__list__item__link:hover { 578 | color: red; 579 | } 580 | 581 | .footer-item__list__item__link-1:hover { 582 | color: red; 583 | } 584 | 585 | .footer-item__list__item__link-1 { 586 | display: flex; 587 | justify-content: left; 588 | align-items: center; 589 | text-decoration: none; 590 | font-size: 18px; 591 | line-height: 28px; 592 | transition: 0.3s; 593 | color: #fff; 594 | margin: 15px 0px; 595 | } 596 | 597 | .footer-item-text { 598 | margin-left: 10px; 599 | 600 | } 601 | 602 | .orders-link { 603 | display: flex; 604 | justify-content: center; 605 | align-items: center; 606 | } 607 | 608 | .services-order-link { 609 | padding: 10px 40px; 610 | background-color: #00BAFC; 611 | border-radius: 5px; 612 | color: white; 613 | margin-right: 15px; 614 | } 615 | 616 | .services-buy-link { 617 | text-decoration: underline; 618 | color: #00BAFC; 619 | padding: 10px; 620 | font-size: 18px; 621 | 622 | } 623 | 624 | @media(max-width:1160px) { 625 | .container { 626 | width: 1000px; 627 | } 628 | 629 | .header-picture { 630 | width: 45%; 631 | } 632 | 633 | .header-info { 634 | width: 45%; 635 | } 636 | 637 | .wrapper-desc, 638 | .solution-info, 639 | .project-info, 640 | .quality-info, 641 | .support-info { 642 | width: 50%; 643 | } 644 | 645 | .wrapper-picture, 646 | .solution-picture, 647 | .project-picture, 648 | .quality-picture, 649 | .support-picture { 650 | width: 40%; 651 | } 652 | 653 | .header-iframe { 654 | width: 420px; 655 | } 656 | 657 | /* .wrapper-desc{ 658 | display: flex; 659 | justify-content: center; 660 | align-items: center; 661 | flex-direction: column; 662 | text-align: justify; 663 | } */ 664 | } 665 | 666 | @media(max-width:1020px) { 667 | .container { 668 | width: 900px; 669 | } 670 | 671 | .header-iframe { 672 | width: 400px; 673 | 674 | } 675 | 676 | .header-info__title { 677 | font-size: 25px; 678 | width: 250px; 679 | line-height: 35px; 680 | } 681 | 682 | .part-text { 683 | width: 300px; 684 | } 685 | 686 | .wrapper-desc { 687 | display: flex; 688 | justify-content: center; 689 | align-items: center; 690 | flex-direction: column; 691 | text-align: justify; 692 | } 693 | 694 | .support-info--active { 695 | 696 | display: flex; 697 | justify-content: center; 698 | align-items: center; 699 | flex-direction: column; 700 | text-align: justify; 701 | } 702 | 703 | .header-info__link { 704 | font-size: 16px; 705 | padding: 12px 5px; 706 | } 707 | 708 | .header-link--active { 709 | font-size: 16px; 710 | padding: 10px 10px; 711 | } 712 | 713 | .header-iframe { 714 | width: 400px; 715 | height: 250px; 716 | border-radius: 5px; 717 | } 718 | 719 | .part-title { 720 | width: 300px; 721 | } 722 | 723 | .wrapper-desc, 724 | .solution-info, 725 | .project-info, 726 | .quality-info, 727 | .support-info { 728 | width: 40%; 729 | } 730 | 731 | .wrapper-picture, 732 | .solution-picture, 733 | .project-picture, 734 | .quality-picture, 735 | .support-picture { 736 | width: 40%; 737 | } 738 | } 739 | 740 | @media(max-width:920px) { 741 | .container { 742 | width: 800px; 743 | } 744 | 745 | .header-iframe { 746 | width: 350px; 747 | 748 | } 749 | 750 | .header-info__title { 751 | font-size: 23px; 752 | line-height: 34px; 753 | width: 220px; 754 | 755 | } 756 | 757 | .header-info__link { 758 | /* width: 100px; */ 759 | background: #00BAFC; 760 | border-radius: 5px; 761 | /* text-align: center; */ 762 | color: white; 763 | text-decoration: none; 764 | transition: 0.3s; 765 | font-size: 20px; 766 | 767 | 768 | padding: 12px 10px; 769 | } 770 | 771 | .header-info__text { 772 | width: 370px; 773 | } 774 | 775 | .part-text { 776 | width: 300px; 777 | } 778 | 779 | .part-title { 780 | font-size: 21px; 781 | line-height: 31px; 782 | width: 250px; 783 | } 784 | 785 | .footer-text { 786 | width: 230px; 787 | } 788 | 789 | .part-text { 790 | width: 250px; 791 | } 792 | 793 | .header-info__link { 794 | font-size: 16px; 795 | } 796 | 797 | .wrapper-desc, 798 | .solution-info, 799 | .support-info, 800 | .project-info, 801 | .quality-info { 802 | /* text-align: center; */ 803 | } 804 | 805 | .wrapper-desc, 806 | .solution-info, 807 | .project-info, 808 | .quality-info, 809 | .support-info { 810 | width: 40%; 811 | } 812 | 813 | .wrapper-picture, 814 | .solution-picture, 815 | .project-picture, 816 | .quality-picture, 817 | .support-picture { 818 | width: 40%; 819 | } 820 | 821 | .header-link--active { 822 | display: none; 823 | } 824 | } 825 | 826 | @media(max-width:820px) { 827 | .container { 828 | width: 700px; 829 | } 830 | 831 | .header-iframe { 832 | width: 300px; 833 | 834 | } 835 | 836 | .part-text { 837 | width: 250px; 838 | } 839 | 840 | .part-img { 841 | width: 200px; 842 | } 843 | 844 | .services-item { 845 | width: 40%; 846 | } 847 | 848 | .wrapper-desc, 849 | .solution-info, 850 | .project-info, 851 | .quality-info { 852 | /* text-align: center; */ 853 | } 854 | 855 | .footer-title { 856 | font-size: 20px; 857 | width: 180px; 858 | } 859 | 860 | .footer-item { 861 | width: 30%; 862 | } 863 | 864 | .header-info__text { 865 | width: 300px; 866 | } 867 | 868 | .header-info__link { 869 | font-size: 16px; 870 | } 871 | 872 | .header-link { 873 | margin: 0px 5px; 874 | } 875 | 876 | .wrapper-desc, 877 | .solution-info, 878 | .project-info, 879 | .quality-info, 880 | .support-info { 881 | width: 40%; 882 | } 883 | 884 | .wrapper-picture, 885 | .solution-picture, 886 | .project-picture, 887 | .quality-picture, 888 | .support-picture { 889 | width: 40%; 890 | } 891 | 892 | } 893 | 894 | @media(max-width:720px) { 895 | .container { 896 | width: 600px; 897 | } 898 | 899 | .header-part { 900 | padding-top: 70px; 901 | flex-direction: column-reverse; 902 | align-items: center; 903 | justify-content: center; 904 | } 905 | 906 | .header-picture { 907 | margin-bottom: 40px; 908 | } 909 | 910 | .services-list { 911 | margin-top: 10px; 912 | } 913 | 914 | .wrapper-part, 915 | .solution-part, 916 | .project, 917 | .quality, 918 | .support { 919 | flex-direction: column; 920 | text-align: justify; 921 | margin: 80px 0px; 922 | 923 | } 924 | 925 | .solution-part, 926 | .quality { 927 | flex-direction: column-reverse; 928 | } 929 | 930 | .wrapper-title { 931 | font-size: 32px; 932 | line-height: 40px; 933 | } 934 | 935 | .part-title { 936 | margin-top: 60px; 937 | width: 370px; 938 | margin-bottom: 15px; 939 | font-size: 23px; 940 | line-height: 33px; 941 | } 942 | 943 | .part-text { 944 | width: 350px; 945 | } 946 | 947 | .wrapper-text { 948 | width: 400px; 949 | 950 | } 951 | 952 | .part-img { 953 | width: 320px; 954 | } 955 | 956 | .content-info { 957 | width: 380px; 958 | } 959 | 960 | .footer-text { 961 | width: 180px; 962 | } 963 | 964 | .footer-title { 965 | font-size: 22px; 966 | line-height: 22px; 967 | } 968 | 969 | .part-img { 970 | width: 160px; 971 | } 972 | 973 | .part { 974 | flex-direction: column; 975 | display: flex; 976 | justify-content: center; 977 | align-items: center; 978 | text-align: center; 979 | } 980 | 981 | .wrapper-desc, 982 | .solution-info, 983 | .project-info, 984 | .quality-info, 985 | .support-info { 986 | text-align: center; 987 | } 988 | 989 | .footer-title { 990 | font-size: 18px; 991 | width: 150px; 992 | } 993 | 994 | .footer-item { 995 | width: 33%; 996 | } 997 | 998 | .header-link--active { 999 | display: none; 1000 | } 1001 | 1002 | .header-iframe { 1003 | width: 300px; 1004 | height: 200px; 1005 | } 1006 | 1007 | .header-info__title { 1008 | font-size: 28px; 1009 | line-height: 38px; 1010 | } 1011 | 1012 | .header-part { 1013 | margin-top: 0px; 1014 | display: flex; 1015 | justify-content: center; 1016 | align-items: center; 1017 | flex-direction: column; 1018 | } 1019 | 1020 | .header-info { 1021 | margin-top: 0px; 1022 | display: flex; 1023 | justify-content: center; 1024 | align-items: center; 1025 | flex-direction: column; 1026 | } 1027 | 1028 | .header-info__link { 1029 | padding: 10px 40px; 1030 | } 1031 | 1032 | .header-info__text { 1033 | width: 400px; 1034 | font-size: 20px; 1035 | } 1036 | 1037 | 1038 | .header-info__title { 1039 | width: 390px; 1040 | } 1041 | 1042 | .header-info { 1043 | text-align: center; 1044 | } 1045 | 1046 | .header-info__link { 1047 | font-size: 16px; 1048 | } 1049 | 1050 | .header-link { 1051 | margin: 0px 10px; 1052 | } 1053 | 1054 | .header-iframe { 1055 | display: none; 1056 | } 1057 | 1058 | .services-list { 1059 | flex-direction: column; 1060 | 1061 | } 1062 | 1063 | .services-item { 1064 | width: 70%; 1065 | margin: 35px 0px; 1066 | } 1067 | 1068 | .services-text { 1069 | width: 450px; 1070 | } 1071 | 1072 | .orders-link { 1073 | margin-top: 40px; 1074 | flex-direction: column; 1075 | } 1076 | 1077 | .services-order-link { 1078 | margin-bottom: 15px; 1079 | } 1080 | 1081 | .wrapper .container { 1082 | display: flex; 1083 | justify-content: center; 1084 | align-items: center; 1085 | flex-direction: column; 1086 | } 1087 | 1088 | .part { 1089 | display: flex; 1090 | justify-content: center; 1091 | align-items: center; 1092 | flex-direction: column; 1093 | margin: 40px 0px; 1094 | } 1095 | 1096 | .part-active { 1097 | display: flex; 1098 | justify-content: center; 1099 | align-items: center; 1100 | flex-direction: column-reverse; 1101 | } 1102 | 1103 | .wrapper-desc, 1104 | .solution-info, 1105 | .project-info, 1106 | .quality-info, 1107 | .support-info { 1108 | width: 100%; 1109 | } 1110 | 1111 | .wrapper-picture, 1112 | .solution-picture, 1113 | .project-picture, 1114 | .quality-picture, 1115 | .support-picture { 1116 | width: 100%; 1117 | } 1118 | } 1119 | 1120 | @media(max-width:620px) { 1121 | .container { 1122 | width: 500px; 1123 | } 1124 | 1125 | .header-info__text { 1126 | width: 280px; 1127 | 1128 | margin-bottom: 20px; 1129 | } 1130 | 1131 | .container .header-info__title { 1132 | width: 280px; 1133 | } 1134 | 1135 | .container .services-text { 1136 | width: 300px; 1137 | } 1138 | 1139 | .services-list { 1140 | flex-direction: column-reverse; 1141 | } 1142 | 1143 | .services-item { 1144 | width: 60%; 1145 | } 1146 | 1147 | .footer-list { 1148 | flex-direction: column; 1149 | justify-content: center; 1150 | align-items: center; 1151 | text-align: center; 1152 | display: flex; 1153 | } 1154 | 1155 | .container .content-title { 1156 | font-size: 22px; 1157 | line-height: 32px; 1158 | } 1159 | 1160 | .content.container .content-info { 1161 | width: 200px; 1162 | font-size: 16px; 1163 | line-height: 22px; 1164 | } 1165 | 1166 | .content .container .content-form { 1167 | width: 220px; 1168 | } 1169 | 1170 | .container .content-form-input { 1171 | width: 190px; 1172 | } 1173 | 1174 | .container .select { 1175 | width: 190px; 1176 | } 1177 | 1178 | .btn { 1179 | display: block; 1180 | border: none; 1181 | } 1182 | 1183 | .header-link { 1184 | display: none; 1185 | } 1186 | 1187 | .container .btn { 1188 | width: 120px; 1189 | } 1190 | 1191 | .header-info__link { 1192 | padding: 10px 25px; 1193 | } 1194 | 1195 | .active { 1196 | font-size: 0px; 1197 | } 1198 | 1199 | .active-1 { 1200 | font-size: 0px; 1201 | } 1202 | 1203 | .footer .container .footer-list { 1204 | display: flex; 1205 | justify-content: center; 1206 | align-items: center; 1207 | flex-direction: column; 1208 | margin-top: -200px; 1209 | } 1210 | 1211 | .footer-item__list__item__link-1 { 1212 | margin: 5px 0px; 1213 | } 1214 | 1215 | .orders-link { 1216 | flex-direction: column; 1217 | } 1218 | 1219 | .footer-item__list { 1220 | flex-direction: column; 1221 | display: flex; 1222 | justify-content: center; 1223 | align-items: center; 1224 | } 1225 | 1226 | .part-active { 1227 | margin-right: 50px; 1228 | } 1229 | 1230 | .wrapper .container { 1231 | display: flex; 1232 | justify-content: center; 1233 | align-items: center; 1234 | flex-direction: column; 1235 | } 1236 | 1237 | .part { 1238 | display: flex; 1239 | justify-content: center; 1240 | align-items: center; 1241 | flex-direction: column; 1242 | margin: 40px 0px; 1243 | } 1244 | 1245 | .part-active { 1246 | display: flex; 1247 | justify-content: center; 1248 | align-items: center; 1249 | flex-direction: column-reverse; 1250 | } 1251 | 1252 | .wrapper-desc, 1253 | .solution-info, 1254 | .project-info, 1255 | .quality-info, 1256 | .support-info { 1257 | width: 100%; 1258 | } 1259 | 1260 | .wrapper-picture, 1261 | .solution-picture, 1262 | .project-picture, 1263 | .quality-picture, 1264 | .support-picture { 1265 | width: 100%; 1266 | } 1267 | 1268 | .services-title { 1269 | font-size: 32px; 1270 | line-height: 42px; 1271 | } 1272 | 1273 | .container .services-text { 1274 | font-size: 18px; 1275 | line-height: 28px; 1276 | width: 400px; 1277 | margin-bottom: 30px; 1278 | } 1279 | 1280 | .container .header-info__text { 1281 | font-size: 18px; 1282 | line-height: 28px; 1283 | width: 450px; 1284 | margin-top: 10px; 1285 | margin-bottom: 25px; 1286 | } 1287 | 1288 | .container .part-text { 1289 | font-size: 18px; 1290 | } 1291 | 1292 | .container .part-title { 1293 | font-size: 25px; 1294 | } 1295 | 1296 | .wrapper-info { 1297 | display: flex; 1298 | align-items: center; 1299 | justify-content: center; 1300 | flex-direction: column; 1301 | text-align: center; 1302 | } 1303 | 1304 | .wrapper-title { 1305 | font-size: 32px; 1306 | width: 400px; 1307 | } 1308 | 1309 | .container .header-info__title { 1310 | font-size: 27px; 1311 | line-height: 37px; 1312 | width: 350px; 1313 | } 1314 | 1315 | .container .header-info__link { 1316 | width: 240px; 1317 | } 1318 | 1319 | .header .header-part .container .header-info { 1320 | text-align: center; 1321 | } 1322 | } 1323 | 1324 | @media(max-width:520px) { 1325 | .container { 1326 | width: 400px; 1327 | } 1328 | 1329 | .header-iframe { 1330 | width: 250px; 1331 | 1332 | } 1333 | 1334 | .header-info__link { 1335 | padding: 10px 5px; 1336 | } 1337 | 1338 | .part-title { 1339 | width: 300px; 1340 | font-size: 22px; 1341 | line-height: 32px; 1342 | font-weight: 600; 1343 | } 1344 | 1345 | .part-img { 1346 | width: 220px; 1347 | } 1348 | 1349 | .footer-list { 1350 | margin-top: -100px; 1351 | } 1352 | 1353 | .wrapper-title { 1354 | font-size: 27px; 1355 | margin-bottom: 10px; 1356 | width: 300px; 1357 | } 1358 | 1359 | .wrapper-text { 1360 | width: 380px; 1361 | font-size: 18px; 1362 | line-height: 28px; 1363 | } 1364 | 1365 | .part-text { 1366 | width: 250px; 1367 | } 1368 | 1369 | .part-title { 1370 | font-size: 25px; 1371 | 1372 | } 1373 | 1374 | .part-text { 1375 | font-size: 18px; 1376 | line-height: 28px; 1377 | } 1378 | 1379 | .part-active { 1380 | margin-right: 30px; 1381 | } 1382 | 1383 | .services-item { 1384 | width: 90%; 1385 | margin: 35px 0px; 1386 | } 1387 | 1388 | .header-info__title { 1389 | font-size: 25px; 1390 | line-height: 32px; 1391 | } 1392 | 1393 | .header-info__text { 1394 | width: 390px; 1395 | margin-top: 25px; 1396 | } 1397 | 1398 | .container .content-title { 1399 | font-size: 32px; 1400 | line-height: 38px; 1401 | } 1402 | 1403 | .content-info { 1404 | width: 370px; 1405 | } 1406 | 1407 | .container .content-button { 1408 | width: 100px; 1409 | } 1410 | 1411 | .btn { 1412 | margin-left: 300px; 1413 | } 1414 | 1415 | .wrapper .container { 1416 | display: flex; 1417 | justify-content: center; 1418 | align-items: center; 1419 | flex-direction: column; 1420 | } 1421 | 1422 | .part { 1423 | display: flex; 1424 | justify-content: center; 1425 | align-items: center; 1426 | flex-direction: column; 1427 | margin: 40px 0px; 1428 | } 1429 | 1430 | .part-active { 1431 | display: flex; 1432 | justify-content: center; 1433 | align-items: center; 1434 | flex-direction: column-reverse; 1435 | } 1436 | 1437 | .wrapper-desc, 1438 | .solution-info, 1439 | .project-info, 1440 | .quality-info, 1441 | .support-info { 1442 | width: 100%; 1443 | } 1444 | 1445 | .wrapper-picture, 1446 | .solution-picture, 1447 | .project-picture, 1448 | .quality-picture, 1449 | .support-picture { 1450 | width: 100%; 1451 | } 1452 | 1453 | .wrapper-desc, 1454 | .solution-info, 1455 | .project-info, 1456 | .support-info, 1457 | .quality-info { 1458 | display: flex; 1459 | justify-content: center; 1460 | align-items: center; 1461 | flex-direction: column; 1462 | } 1463 | 1464 | .container .header-info__title { 1465 | font-size: 24px; 1466 | line-height: 34px; 1467 | width: 300px; 1468 | } 1469 | 1470 | .container .header-info__link { 1471 | width: 200px; 1472 | } 1473 | 1474 | .header .container .header-info__text { 1475 | width: 380px; 1476 | text-align: center; 1477 | } 1478 | } 1479 | 1480 | @media(max-width:400px) { 1481 | .container { 1482 | width: 250px; 1483 | } 1484 | 1485 | .btn { 1486 | margin-left: 10px; 1487 | } 1488 | 1489 | .header .container .header-info__title { 1490 | font-size: 20px; 1491 | line-height: 30px; 1492 | width: 250px; 1493 | } 1494 | 1495 | .header .container .header-info__text { 1496 | width: 200px; 1497 | } 1498 | 1499 | .container .header-info__link { 1500 | width: 200px; 1501 | font-size: 15px; 1502 | padding: 10px; 1503 | 1504 | } 1505 | 1506 | .services .container .services-info { 1507 | display: flex; 1508 | justify-content: center; 1509 | align-items: center; 1510 | flex-direction: column; 1511 | } 1512 | 1513 | .services .container .services-title { 1514 | font-size: 22px; 1515 | line-height: 32px; 1516 | } 1517 | 1518 | .wrapper-title { 1519 | font-size: 22px; 1520 | width: 150px; 1521 | } 1522 | 1523 | .wrapper-text { 1524 | font-size: 16px; 1525 | line-height: 26px; 1526 | width: 200px; 1527 | } 1528 | 1529 | .container .part-title { 1530 | font-size: 22px; 1531 | line-height: 32px; 1532 | width: 170px; 1533 | } 1534 | 1535 | .container .part-text { 1536 | width: 200px; 1537 | } 1538 | 1539 | .container .content-title { 1540 | font-size: 22px; 1541 | line-height: 32px; 1542 | width: 150px; 1543 | } 1544 | 1545 | .container .content-info { 1546 | width: 200px; 1547 | } 1548 | 1549 | .services .container .services-text { 1550 | width: 200px; 1551 | } 1552 | 1553 | .container .btn { 1554 | margin-left: 150px; 1555 | } 1556 | 1557 | .header .container .header-part .header-info__text { 1558 | width: 250px; 1559 | } 1560 | .container .content-title{ 1561 | width: 250px; 1562 | } 1563 | .container .part-title{ 1564 | width: 250px; 1565 | } 1566 | .content .container .content-info{ 1567 | width:280px; 1568 | } 1569 | .container .wrapper-title{ 1570 | 1571 | width: 250px; 1572 | } 1573 | } 1574 | 1575 | @media(max-width:250px) { 1576 | .container { 1577 | width: 90%; 1578 | } 1579 | } 1580 | -------------------------------------------------------------------------------- /public/data.js: -------------------------------------------------------------------------------- 1 | { 2 | "countries": [ 3 | { 4 | "code": "+7 840", 5 | "name": "Abkhazia" 6 | }, 7 | { 8 | "code": "+93", 9 | "name": "Afghanistan" 10 | }, 11 | { 12 | "code": "+355", 13 | "name": "Albania" 14 | }, 15 | { 16 | "code": "+213", 17 | "name": "Algeria" 18 | }, 19 | { 20 | "code": "+1 684", 21 | "name": "American Samoa" 22 | }, 23 | { 24 | "code": "+376", 25 | "name": "Andorra" 26 | }, 27 | { 28 | "code": "+244", 29 | "name": "Angola" 30 | }, 31 | { 32 | "code": "+1 264", 33 | "name": "Anguilla" 34 | }, 35 | { 36 | "code": "+1 268", 37 | "name": "Antigua and Barbuda" 38 | }, 39 | { 40 | "code": "+54", 41 | "name": "Argentina" 42 | }, 43 | { 44 | "code": "+374", 45 | "name": "Armenia" 46 | }, 47 | { 48 | "code": "+297", 49 | "name": "Aruba" 50 | }, 51 | { 52 | "code": "+247", 53 | "name": "Ascension" 54 | }, 55 | { 56 | "code": "+61", 57 | "name": "Australia" 58 | }, 59 | { 60 | "code": "+672", 61 | "name": "Australian External Territories" 62 | }, 63 | { 64 | "code": "+43", 65 | "name": "Austria" 66 | }, 67 | { 68 | "code": "+994", 69 | "name": "Azerbaijan" 70 | }, 71 | { 72 | "code": "+1 242", 73 | "name": "Bahamas" 74 | }, 75 | { 76 | "code": "+973", 77 | "name": "Bahrain" 78 | }, 79 | { 80 | "code": "+880", 81 | "name": "Bangladesh" 82 | }, 83 | { 84 | "code": "+1 246", 85 | "name": "Barbados" 86 | }, 87 | { 88 | "code": "+1 268", 89 | "name": "Barbuda" 90 | }, 91 | { 92 | "code": "+375", 93 | "name": "Belarus" 94 | }, 95 | { 96 | "code": "+32", 97 | "name": "Belgium" 98 | }, 99 | { 100 | "code": "+501", 101 | "name": "Belize" 102 | }, 103 | { 104 | "code": "+229", 105 | "name": "Benin" 106 | }, 107 | { 108 | "code": "+1 441", 109 | "name": "Bermuda" 110 | }, 111 | { 112 | "code": "+975", 113 | "name": "Bhutan" 114 | }, 115 | { 116 | "code": "+591", 117 | "name": "Bolivia" 118 | }, 119 | { 120 | "code": "+387", 121 | "name": "Bosnia and Herzegovina" 122 | }, 123 | { 124 | "code": "+267", 125 | "name": "Botswana" 126 | }, 127 | { 128 | "code": "+55", 129 | "name": "Brazil" 130 | }, 131 | { 132 | "code": "+246", 133 | "name": "British Indian Ocean Territory" 134 | }, 135 | { 136 | "code": "+1 284", 137 | "name": "British Virgin Islands" 138 | }, 139 | { 140 | "code": "+673", 141 | "name": "Brunei" 142 | }, 143 | { 144 | "code": "+359", 145 | "name": "Bulgaria" 146 | }, 147 | { 148 | "code": "+226", 149 | "name": "Burkina Faso" 150 | }, 151 | { 152 | "code": "+257", 153 | "name": "Burundi" 154 | }, 155 | { 156 | "code": "+855", 157 | "name": "Cambodia" 158 | }, 159 | { 160 | "code": "+237", 161 | "name": "Cameroon" 162 | }, 163 | { 164 | "code": "+1", 165 | "name": "Canada" 166 | }, 167 | { 168 | "code": "+238", 169 | "name": "Cape Verde" 170 | }, 171 | { 172 | "code": "+ 345", 173 | "name": "Cayman Islands" 174 | }, 175 | { 176 | "code": "+236", 177 | "name": "Central African Republic" 178 | }, 179 | { 180 | "code": "+235", 181 | "name": "Chad" 182 | }, 183 | { 184 | "code": "+56", 185 | "name": "Chile" 186 | }, 187 | { 188 | "code": "+86", 189 | "name": "China" 190 | }, 191 | { 192 | "code": "+61", 193 | "name": "Christmas Island" 194 | }, 195 | { 196 | "code": "+61", 197 | "name": "Cocos-Keeling Islands" 198 | }, 199 | { 200 | "code": "+57", 201 | "name": "Colombia" 202 | }, 203 | { 204 | "code": "+269", 205 | "name": "Comoros" 206 | }, 207 | { 208 | "code": "+242", 209 | "name": "Congo" 210 | }, 211 | { 212 | "code": "+243", 213 | "name": "Congo, Dem. Rep. of (Zaire)" 214 | }, 215 | { 216 | "code": "+682", 217 | "name": "Cook Islands" 218 | }, 219 | { 220 | "code": "+506", 221 | "name": "Costa Rica" 222 | }, 223 | { 224 | "code": "+385", 225 | "name": "Croatia" 226 | }, 227 | { 228 | "code": "+53", 229 | "name": "Cuba" 230 | }, 231 | { 232 | "code": "+599", 233 | "name": "Curacao" 234 | }, 235 | { 236 | "code": "+537", 237 | "name": "Cyprus" 238 | }, 239 | { 240 | "code": "+420", 241 | "name": "Czech Republic" 242 | }, 243 | { 244 | "code": "+45", 245 | "name": "Denmark" 246 | }, 247 | { 248 | "code": "+246", 249 | "name": "Diego Garcia" 250 | }, 251 | { 252 | "code": "+253", 253 | "name": "Djibouti" 254 | }, 255 | { 256 | "code": "+1 767", 257 | "name": "Dominica" 258 | }, 259 | { 260 | "code": "+1 809", 261 | "name": "Dominican Republic" 262 | }, 263 | { 264 | "code": "+670", 265 | "name": "East Timor" 266 | }, 267 | { 268 | "code": "+56", 269 | "name": "Easter Island" 270 | }, 271 | { 272 | "code": "+593", 273 | "name": "Ecuador" 274 | }, 275 | { 276 | "code": "+20", 277 | "name": "Egypt" 278 | }, 279 | { 280 | "code": "+503", 281 | "name": "El Salvador" 282 | }, 283 | { 284 | "code": "+240", 285 | "name": "Equatorial Guinea" 286 | }, 287 | { 288 | "code": "+291", 289 | "name": "Eritrea" 290 | }, 291 | { 292 | "code": "+372", 293 | "name": "Estonia" 294 | }, 295 | { 296 | "code": "+251", 297 | "name": "Ethiopia" 298 | }, 299 | { 300 | "code": "+500", 301 | "name": "Falkland Islands" 302 | }, 303 | { 304 | "code": "+298", 305 | "name": "Faroe Islands" 306 | }, 307 | { 308 | "code": "+679", 309 | "name": "Fiji" 310 | }, 311 | { 312 | "code": "+358", 313 | "name": "Finland" 314 | }, 315 | { 316 | "code": "+33", 317 | "name": "France" 318 | }, 319 | { 320 | "code": "+596", 321 | "name": "French Antilles" 322 | }, 323 | { 324 | "code": "+594", 325 | "name": "French Guiana" 326 | }, 327 | { 328 | "code": "+689", 329 | "name": "French Polynesia" 330 | }, 331 | { 332 | "code": "+241", 333 | "name": "Gabon" 334 | }, 335 | { 336 | "code": "+220", 337 | "name": "Gambia" 338 | }, 339 | { 340 | "code": "+995", 341 | "name": "Georgia" 342 | }, 343 | { 344 | "code": "+49", 345 | "name": "Germany" 346 | }, 347 | { 348 | "code": "+233", 349 | "name": "Ghana" 350 | }, 351 | { 352 | "code": "+350", 353 | "name": "Gibraltar" 354 | }, 355 | { 356 | "code": "+30", 357 | "name": "Greece" 358 | }, 359 | { 360 | "code": "+299", 361 | "name": "Greenland" 362 | }, 363 | { 364 | "code": "+1 473", 365 | "name": "Grenada" 366 | }, 367 | { 368 | "code": "+590", 369 | "name": "Guadeloupe" 370 | }, 371 | { 372 | "code": "+1 671", 373 | "name": "Guam" 374 | }, 375 | { 376 | "code": "+502", 377 | "name": "Guatemala" 378 | }, 379 | { 380 | "code": "+224", 381 | "name": "Guinea" 382 | }, 383 | { 384 | "code": "+245", 385 | "name": "Guinea-Bissau" 386 | }, 387 | { 388 | "code": "+595", 389 | "name": "Guyana" 390 | }, 391 | { 392 | "code": "+509", 393 | "name": "Haiti" 394 | }, 395 | { 396 | "code": "+504", 397 | "name": "Honduras" 398 | }, 399 | { 400 | "code": "+852", 401 | "name": "Hong Kong SAR China" 402 | }, 403 | { 404 | "code": "+36", 405 | "name": "Hungary" 406 | }, 407 | { 408 | "code": "+354", 409 | "name": "Iceland" 410 | }, 411 | { 412 | "code": "+91", 413 | "name": "India" 414 | }, 415 | { 416 | "code": "+62", 417 | "name": "Indonesia" 418 | }, 419 | { 420 | "code": "+98", 421 | "name": "Iran" 422 | }, 423 | { 424 | "code": "+964", 425 | "name": "Iraq" 426 | }, 427 | { 428 | "code": "+353", 429 | "name": "Ireland" 430 | }, 431 | { 432 | "code": "+972", 433 | "name": "Israel" 434 | }, 435 | { 436 | "code": "+39", 437 | "name": "Italy" 438 | }, 439 | { 440 | "code": "+225", 441 | "name": "Ivory Coast" 442 | }, 443 | { 444 | "code": "+1 876", 445 | "name": "Jamaica" 446 | }, 447 | { 448 | "code": "+81", 449 | "name": "Japan" 450 | }, 451 | { 452 | "code": "+962", 453 | "name": "Jordan" 454 | }, 455 | { 456 | "code": "+7 7", 457 | "name": "Kazakhstan" 458 | }, 459 | { 460 | "code": "+254", 461 | "name": "Kenya" 462 | }, 463 | { 464 | "code": "+686", 465 | "name": "Kiribati" 466 | }, 467 | { 468 | "code": "+965", 469 | "name": "Kuwait" 470 | }, 471 | { 472 | "code": "+996", 473 | "name": "Kyrgyzstan" 474 | }, 475 | { 476 | "code": "+856", 477 | "name": "Laos" 478 | }, 479 | { 480 | "code": "+371", 481 | "name": "Latvia" 482 | }, 483 | { 484 | "code": "+961", 485 | "name": "Lebanon" 486 | }, 487 | { 488 | "code": "+266", 489 | "name": "Lesotho" 490 | }, 491 | { 492 | "code": "+231", 493 | "name": "Liberia" 494 | }, 495 | { 496 | "code": "+218", 497 | "name": "Libya" 498 | }, 499 | { 500 | "code": "+423", 501 | "name": "Liechtenstein" 502 | }, 503 | { 504 | "code": "+370", 505 | "name": "Lithuania" 506 | }, 507 | { 508 | "code": "+352", 509 | "name": "Luxembourg" 510 | }, 511 | { 512 | "code": "+853", 513 | "name": "Macau SAR China" 514 | }, 515 | { 516 | "code": "+389", 517 | "name": "Macedonia" 518 | }, 519 | { 520 | "code": "+261", 521 | "name": "Madagascar" 522 | }, 523 | { 524 | "code": "+265", 525 | "name": "Malawi" 526 | }, 527 | { 528 | "code": "+60", 529 | "name": "Malaysia" 530 | }, 531 | { 532 | "code": "+960", 533 | "name": "Maldives" 534 | }, 535 | { 536 | "code": "+223", 537 | "name": "Mali" 538 | }, 539 | { 540 | "code": "+356", 541 | "name": "Malta" 542 | }, 543 | { 544 | "code": "+692", 545 | "name": "Marshall Islands" 546 | }, 547 | { 548 | "code": "+596", 549 | "name": "Martinique" 550 | }, 551 | { 552 | "code": "+222", 553 | "name": "Mauritania" 554 | }, 555 | { 556 | "code": "+230", 557 | "name": "Mauritius" 558 | }, 559 | { 560 | "code": "+262", 561 | "name": "Mayotte" 562 | }, 563 | { 564 | "code": "+52", 565 | "name": "Mexico" 566 | }, 567 | { 568 | "code": "+691", 569 | "name": "Micronesia" 570 | }, 571 | { 572 | "code": "+1 808", 573 | "name": "Midway Island" 574 | }, 575 | { 576 | "code": "+373", 577 | "name": "Moldova" 578 | }, 579 | { 580 | "code": "+377", 581 | "name": "Monaco" 582 | }, 583 | { 584 | "code": "+976", 585 | "name": "Mongolia" 586 | }, 587 | { 588 | "code": "+382", 589 | "name": "Montenegro" 590 | }, 591 | { 592 | "code": "+1664", 593 | "name": "Montserrat" 594 | }, 595 | { 596 | "code": "+212", 597 | "name": "Morocco" 598 | }, 599 | { 600 | "code": "+95", 601 | "name": "Myanmar" 602 | }, 603 | { 604 | "code": "+264", 605 | "name": "Namibia" 606 | }, 607 | { 608 | "code": "+674", 609 | "name": "Nauru" 610 | }, 611 | { 612 | "code": "+977", 613 | "name": "Nepal" 614 | }, 615 | { 616 | "code": "+31", 617 | "name": "Netherlands" 618 | }, 619 | { 620 | "code": "+599", 621 | "name": "Netherlands Antilles" 622 | }, 623 | { 624 | "code": "+1 869", 625 | "name": "Nevis" 626 | }, 627 | { 628 | "code": "+687", 629 | "name": "New Caledonia" 630 | }, 631 | { 632 | "code": "+64", 633 | "name": "New Zealand" 634 | }, 635 | { 636 | "code": "+505", 637 | "name": "Nicaragua" 638 | }, 639 | { 640 | "code": "+227", 641 | "name": "Niger" 642 | }, 643 | { 644 | "code": "+234", 645 | "name": "Nigeria" 646 | }, 647 | { 648 | "code": "+683", 649 | "name": "Niue" 650 | }, 651 | { 652 | "code": "+672", 653 | "name": "Norfolk Island" 654 | }, 655 | { 656 | "code": "+850", 657 | "name": "North Korea" 658 | }, 659 | { 660 | "code": "+1 670", 661 | "name": "Northern Mariana Islands" 662 | }, 663 | { 664 | "code": "+47", 665 | "name": "Norway" 666 | }, 667 | { 668 | "code": "+968", 669 | "name": "Oman" 670 | }, 671 | { 672 | "code": "+92", 673 | "name": "Pakistan" 674 | }, 675 | { 676 | "code": "+680", 677 | "name": "Palau" 678 | }, 679 | { 680 | "code": "+970", 681 | "name": "Palestinian Territory" 682 | }, 683 | { 684 | "code": "+507", 685 | "name": "Panama" 686 | }, 687 | { 688 | "code": "+675", 689 | "name": "Papua New Guinea" 690 | }, 691 | { 692 | "code": "+595", 693 | "name": "Paraguay" 694 | }, 695 | { 696 | "code": "+51", 697 | "name": "Peru" 698 | }, 699 | { 700 | "code": "+63", 701 | "name": "Philippines" 702 | }, 703 | { 704 | "code": "+48", 705 | "name": "Poland" 706 | }, 707 | { 708 | "code": "+351", 709 | "name": "Portugal" 710 | }, 711 | { 712 | "code": "+1 787", 713 | "name": "Puerto Rico" 714 | }, 715 | { 716 | "code": "+974", 717 | "name": "Qatar" 718 | }, 719 | { 720 | "code": "+262", 721 | "name": "Reunion" 722 | }, 723 | { 724 | "code": "+40", 725 | "name": "Romania" 726 | }, 727 | { 728 | "code": "+7", 729 | "name": "Russia" 730 | }, 731 | { 732 | "code": "+250", 733 | "name": "Rwanda" 734 | }, 735 | { 736 | "code": "+685", 737 | "name": "Samoa" 738 | }, 739 | { 740 | "code": "+378", 741 | "name": "San Marino" 742 | }, 743 | { 744 | "code": "+966", 745 | "name": "Saudi Arabia" 746 | }, 747 | { 748 | "code": "+221", 749 | "name": "Senegal" 750 | }, 751 | { 752 | "code": "+381", 753 | "name": "Serbia" 754 | }, 755 | { 756 | "code": "+248", 757 | "name": "Seychelles" 758 | }, 759 | { 760 | "code": "+232", 761 | "name": "Sierra Leone" 762 | }, 763 | { 764 | "code": "+65", 765 | "name": "Singapore" 766 | }, 767 | { 768 | "code": "+421", 769 | "name": "Slovakia" 770 | }, 771 | { 772 | "code": "+386", 773 | "name": "Slovenia" 774 | }, 775 | { 776 | "code": "+677", 777 | "name": "Solomon Islands" 778 | }, 779 | { 780 | "code": "+27", 781 | "name": "South Africa" 782 | }, 783 | { 784 | "code": "+500", 785 | "name": "South Georgia and the South Sandwich Islands" 786 | }, 787 | { 788 | "code": "+82", 789 | "name": "South Korea" 790 | }, 791 | { 792 | "code": "+34", 793 | "name": "Spain" 794 | }, 795 | { 796 | "code": "+94", 797 | "name": "Sri Lanka" 798 | }, 799 | { 800 | "code": "+249", 801 | "name": "Sudan" 802 | }, 803 | { 804 | "code": "+597", 805 | "name": "Suriname" 806 | }, 807 | { 808 | "code": "+268", 809 | "name": "Swaziland" 810 | }, 811 | { 812 | "code": "+46", 813 | "name": "Sweden" 814 | }, 815 | { 816 | "code": "+41", 817 | "name": "Switzerland" 818 | }, 819 | { 820 | "code": "+963", 821 | "name": "Syria" 822 | }, 823 | { 824 | "code": "+886", 825 | "name": "Taiwan" 826 | }, 827 | { 828 | "code": "+992", 829 | "name": "Tajikistan" 830 | }, 831 | { 832 | "code": "+255", 833 | "name": "Tanzania" 834 | }, 835 | { 836 | "code": "+66", 837 | "name": "Thailand" 838 | }, 839 | { 840 | "code": "+670", 841 | "name": "Timor Leste" 842 | }, 843 | { 844 | "code": "+228", 845 | "name": "Togo" 846 | }, 847 | { 848 | "code": "+690", 849 | "name": "Tokelau" 850 | }, 851 | { 852 | "code": "+676", 853 | "name": "Tonga" 854 | }, 855 | { 856 | "code": "+1 868", 857 | "name": "Trinidad and Tobago" 858 | }, 859 | { 860 | "code": "+216", 861 | "name": "Tunisia" 862 | }, 863 | { 864 | "code": "+90", 865 | "name": "Turkey" 866 | }, 867 | { 868 | "code": "+993", 869 | "name": "Turkmenistan" 870 | }, 871 | { 872 | "code": "+1 649", 873 | "name": "Turks and Caicos Islands" 874 | }, 875 | { 876 | "code": "+688", 877 | "name": "Tuvalu" 878 | }, 879 | { 880 | "code": "+1 340", 881 | "name": "U.S. Virgin Islands" 882 | }, 883 | { 884 | "code": "+256", 885 | "name": "Uganda" 886 | }, 887 | { 888 | "code": "+380", 889 | "name": "Ukraine" 890 | }, 891 | { 892 | "code": "+971", 893 | "name": "United Arab Emirates" 894 | }, 895 | { 896 | "code": "+44", 897 | "name": "United Kingdom" 898 | }, 899 | { 900 | "code": "+1", 901 | "name": "United States" 902 | }, 903 | { 904 | "code": "+598", 905 | "name": "Uruguay" 906 | }, 907 | { 908 | "code": "+998", 909 | "name": "Uzbekistan" 910 | }, 911 | { 912 | "code": "+678", 913 | "name": "Vanuatu" 914 | }, 915 | { 916 | "code": "+58", 917 | "name": "Venezuela" 918 | }, 919 | { 920 | "code": "+84", 921 | "name": "Vietnam" 922 | }, 923 | { 924 | "code": "+1 808", 925 | "name": "Wake Island" 926 | }, 927 | { 928 | "code": "+681", 929 | "name": "Wallis and Futuna" 930 | }, 931 | { 932 | "code": "+967", 933 | "name": "Yemen" 934 | }, 935 | { 936 | "code": "+260", 937 | "name": "Zambia" 938 | }, 939 | { 940 | "code": "+255", 941 | "name": "Zanzibar" 942 | }, 943 | { 944 | "code": "+263", 945 | "name": "Zimbabwe" 946 | } 947 | ] 948 | } -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Pixer 9 | 10 | 13 | 14 | 15 | 16 | 17 |
18 |
19 | 20 | 56 | 59 |
60 |
61 | 62 |
63 |
64 |
65 |
66 |

67 | Biznesingizni keyingi bosqichga 68 | olib chiqing 69 |

70 |

71 | Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis lacinia ex, eget 72 | sollicitudin massa pellentesque in. Vivamus mattis eros at sem pulvinar 73 |

74 | Xizmatlar bilan tanishish 75 |
76 |
80 |
81 | 82 |
83 |
84 |
85 |
86 |
87 |

Xizmatlar

88 |

89 | Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis lacinia ex, eget 90 | sollicitudin massa pellentesque in. Vivamus mattis eros at sem pulvinar 91 |

92 |
93 | 130 |
131 | Buyurtma berish 132 | Xizmatlar sahifasiga o'tish 133 |
134 |
135 |
136 |
137 |
138 |
139 |

140 | Biz qanday ishlaymiz? 141 |

142 |

143 | 144 | Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis lacinia ex, eget 145 | sollicitudin massa pellentesque in. Vivamus mattis eros at sem pulvinar 146 |

147 |
148 |
149 |
150 | 151 | 152 |
153 |
154 |

155 | Talablarni aniqlab chiqamiz 156 |

157 |

Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis 158 | 159 |

160 |
161 |
162 | 163 | 164 | 165 |
166 |
167 |

168 | Bir necha yechimlarni taklif qilamiz 169 |

170 |

171 | Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis 172 |

173 |
174 |
175 | 176 |
177 |
178 | 179 | 180 |
181 |
182 | 183 | 184 |
185 |
186 |

187 | Loyiha uchun vaqt belgilaymiz 188 |

189 |

Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis 190 |

191 |
192 |
193 | 194 |
195 |
196 |

197 | A’lo sifat bilan topshiramiz 198 |

199 |

200 | Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis 201 |

202 |
203 |
204 | 205 |
206 |
207 | 208 |
209 |
210 | 211 |
212 |
213 |

214 | Qo'llab quvvatlab turamiz 215 |

216 |

217 | Nullam laoreet nec turpis et ultrices. Duis sit amet quam arcu. Nam facilisis 218 |

219 |
220 |
221 |
222 | Buyurtma berish 223 |
224 |
225 |
226 | 227 |
228 |
229 |

Buyurtma berish

230 |

231 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dicta deserunt incidunt eos tempora repellat 232 | necessitatibus eius nobis quibusdam libero nesciunt ex consectetur 233 | 234 |

235 | 236 |
237 | 240 | 244 | 245 | 246 | 256 | 259 |
260 |
261 |
262 | 362 | 363 | 364 | 365 | -------------------------------------------------------------------------------- /public/main.js: -------------------------------------------------------------------------------- 1 | const tbodyElement = document.querySelector(".tbody") 2 | 3 | window.addEventListener("DOMContentLoaded", 4 | (event) =>{ 5 | loadTodos() 6 | }) 7 | 8 | async function loadTodos(){ 9 | let response = await fetch("/todos",{ 10 | method:"GET" 11 | }); 12 | response = await response.json(); 13 | // console.log(response) 14 | renderTodos(response.data.reverse()) 15 | 16 | } 17 | function renderTodos(array){ 18 | for(let todo of array){ 19 | 20 | const newTrElement = document.createElement("tr") 21 | const newIdElement = document.createElement("td") 22 | const newNameElement = document.createElement("td") 23 | const newNumberElement = document.createElement("td") 24 | const newServicesTypeElement = document.createElement("td") 25 | 26 | const newTdButtonElement = document.createElement("td") 27 | const newDeleteButtonElement = document.createElement("button") 28 | newDeleteButtonElement.classList.add("btn-danger","text-light","rounded-0") 29 | newDeleteButtonElement.textContent ="O'chirish" 30 | 31 | newTrElement.appendChild(newIdElement) 32 | newTrElement.appendChild(newNameElement) 33 | newTrElement.appendChild(newNumberElement) 34 | newTrElement.appendChild(newServicesTypeElement) 35 | newTdButtonElement.appendChild(newDeleteButtonElement) 36 | newTrElement.appendChild(newTdButtonElement) 37 | tbodyElement.appendChild(newTrElement) 38 | } 39 | 40 | } 41 | 42 | const formElement = document.querySelector(".content-form") 43 | formElement.addEventListener("submit",event=>{ 44 | event.preventDefault() 45 | 46 | // 10:44 sekunddan 47 | }) -------------------------------------------------------------------------------- /public/reg-list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | People list 8 | 9 | 10 | 11 |
12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
#IsmiTelefon raqamiXizmat turiAction
30 |
31 |
32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /server.js: -------------------------------------------------------------------------------- 1 | const { response } = require("express") 2 | const express = require("express") 3 | const fs = require("fs/promises") 4 | const database = require("./modules/database.js") 5 | const server = express() 6 | 7 | 8 | const db = new database() 9 | 10 | 11 | server.use( 12 | express.urlencoded({ 13 | extended:true, 14 | }) 15 | ); 16 | server.use(express.json()) 17 | 18 | 19 | server.use(express.static(__dirname + "/public")) 20 | // tepadagi qatorda express.static public ni ichidagi hamma fayllarni ekranga chiqarib beradi. 21 | 22 | server.get("/",async (req,res) =>{ 23 | // res.send("Salomalaykum") 24 | let response = await fs.readFile(__dirname + "index.html","utf-8"); 25 | res.send(response) 26 | 27 | }) 28 | 29 | server.get("/todos", async (req,res)=>{ 30 | // let x = await db.addData("uyqudan turish","323232","online") 31 | // console.log(x) 32 | let data = await db.readFile(); 33 | // console.log(data); 34 | res.json({ 35 | data:data, 36 | }) 37 | }) 38 | 39 | 40 | server.post("/add_todo", async (req,res) =>{ 41 | // console.log(req.body) 42 | const added_todo = await db.addData(req.body.name,req.body.number,req.body,serviceType); 43 | res.json(added_todo) 44 | }) 45 | 46 | 47 | 48 | 49 | server.listen(3030, () =>{ 50 | console.log("Server is running at 3030 PORT") 51 | }) 52 | --------------------------------------------------------------------------------