├── .gitattributes ├── CSS └── fonts │ ├── CircularStd-Black.eot │ ├── CircularStd-Black.ttf │ ├── CircularStd-Black.woff │ ├── CircularStd-Black.woff2 │ ├── CircularStd-BlackItalic.eot │ ├── CircularStd-BlackItalic.ttf │ ├── CircularStd-BlackItalic.woff │ ├── CircularStd-BlackItalic.woff2 │ ├── CircularStd-Bold.eot │ ├── CircularStd-Bold.ttf │ ├── CircularStd-Bold.woff │ ├── CircularStd-Bold.woff2 │ ├── CircularStd-BoldItalic.eot │ ├── CircularStd-BoldItalic.ttf │ ├── CircularStd-BoldItalic.woff │ ├── CircularStd-BoldItalic.woff2 │ ├── CircularStd-Book.eot │ ├── CircularStd-Book.ttf │ ├── CircularStd-Book.woff │ ├── CircularStd-Book.woff2 │ ├── CircularStd-BookItalic.eot │ ├── CircularStd-BookItalic.ttf │ ├── CircularStd-BookItalic.woff │ ├── CircularStd-BookItalic.woff2 │ ├── CircularStd-Medium.eot │ ├── CircularStd-Medium.ttf │ ├── CircularStd-Medium.woff │ ├── CircularStd-Medium.woff2 │ ├── CircularStd-MediumItalic.eot │ ├── CircularStd-MediumItalic.ttf │ ├── CircularStd-MediumItalic.woff │ ├── CircularStd-MediumItalic.woff2 │ └── stylesheet.css ├── LICENSE ├── README.md ├── img ├── BG (1).png ├── Social.png ├── all-bottom.png ├── all-top.png ├── backg.png ├── bootstarp.png ├── boy.jpg ├── circle.png ├── email.png ├── fully-responsive.png ├── fully.png ├── girl.png ├── great.png ├── happy-thumb.png ├── happy.jpg ├── humanly.png ├── img-girl.png ├── jonathan.png ├── lifetime.png ├── marie.png ├── menu-icon1.png ├── menu.png ├── mobile-first.png ├── multiple-layouts.png ├── multiple.png ├── oval.png ├── rich.png ├── sending-form.png ├── skyboard.jpg └── unique.png ├── index.html └── style.css /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Black.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Black.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Black.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Black.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Black.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BlackItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BlackItalic.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BlackItalic.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BlackItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BlackItalic.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BlackItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BlackItalic.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Bold.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Bold.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Bold.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Bold.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BoldItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BoldItalic.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BoldItalic.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BoldItalic.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BoldItalic.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Book.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Book.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Book.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Book.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Book.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Book.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Book.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Book.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BookItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BookItalic.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BookItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BookItalic.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BookItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BookItalic.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-BookItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-BookItalic.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Medium.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Medium.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Medium.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Medium.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-Medium.woff2 -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-MediumItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-MediumItalic.eot -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-MediumItalic.ttf -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-MediumItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-MediumItalic.woff -------------------------------------------------------------------------------- /CSS/fonts/CircularStd-MediumItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/CSS/fonts/CircularStd-MediumItalic.woff2 -------------------------------------------------------------------------------- /CSS/fonts/stylesheet.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Circular Std'; 3 | src: url('CircularStd-MediumItalic.eot'); 4 | src: local('Circular Std Medium Italic'), local('CircularStd-MediumItalic'), 5 | url('CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'), 6 | url('CircularStd-MediumItalic.woff2') format('woff2'), 7 | url('CircularStd-MediumItalic.woff') format('woff'), 8 | url('CircularStd-MediumItalic.ttf') format('truetype'); 9 | font-weight: 500; 10 | font-style: italic; 11 | } 12 | 13 | @font-face { 14 | font-family: 'Circular Std'; 15 | src: url('CircularStd-Black.eot'); 16 | src: local('Circular Std Black'), local('CircularStd-Black'), 17 | url('CircularStd-Black.eot?#iefix') format('embedded-opentype'), 18 | url('CircularStd-Black.woff2') format('woff2'), 19 | url('CircularStd-Black.woff') format('woff'), 20 | url('CircularStd-Black.ttf') format('truetype'); 21 | font-weight: 900; 22 | font-style: normal; 23 | } 24 | 25 | @font-face { 26 | font-family: 'Circular Std'; 27 | src: url('CircularStd-Medium.eot'); 28 | src: local('Circular Std Medium'), local('CircularStd-Medium'), 29 | url('CircularStd-Medium.eot?#iefix') format('embedded-opentype'), 30 | url('CircularStd-Medium.woff2') format('woff2'), 31 | url('CircularStd-Medium.woff') format('woff'), 32 | url('CircularStd-Medium.ttf') format('truetype'); 33 | font-weight: 500; 34 | font-style: normal; 35 | } 36 | 37 | @font-face { 38 | font-family: 'Circular Std'; 39 | src: url('CircularStd-Bold.eot'); 40 | src: local('Circular Std Bold'), local('CircularStd-Bold'), 41 | url('CircularStd-Bold.eot?#iefix') format('embedded-opentype'), 42 | url('CircularStd-Bold.woff2') format('woff2'), 43 | url('CircularStd-Bold.woff') format('woff'), 44 | url('CircularStd-Bold.ttf') format('truetype'); 45 | font-weight: bold; 46 | font-style: normal; 47 | } 48 | 49 | @font-face { 50 | font-family: 'Circular Std'; 51 | src: url('CircularStd-BlackItalic.eot'); 52 | src: local('Circular Std Black Italic'), local('CircularStd-BlackItalic'), 53 | url('CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'), 54 | url('CircularStd-BlackItalic.woff2') format('woff2'), 55 | url('CircularStd-BlackItalic.woff') format('woff'), 56 | url('CircularStd-BlackItalic.ttf') format('truetype'); 57 | font-weight: 900; 58 | font-style: italic; 59 | } 60 | 61 | @font-face { 62 | font-family: 'Circular Std Book'; 63 | src: url('CircularStd-BookItalic.eot'); 64 | src: local('Circular Std Book Italic'), local('CircularStd-BookItalic'), 65 | url('CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'), 66 | url('CircularStd-BookItalic.woff2') format('woff2'), 67 | url('CircularStd-BookItalic.woff') format('woff'), 68 | url('CircularStd-BookItalic.ttf') format('truetype'); 69 | font-weight: normal; 70 | font-style: italic; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Circular Std'; 75 | src: url('CircularStd-BoldItalic.eot'); 76 | src: local('Circular Std Bold Italic'), local('CircularStd-BoldItalic'), 77 | url('CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'), 78 | url('CircularStd-BoldItalic.woff2') format('woff2'), 79 | url('CircularStd-BoldItalic.woff') format('woff'), 80 | url('CircularStd-BoldItalic.ttf') format('truetype'); 81 | font-weight: bold; 82 | font-style: italic; 83 | } 84 | 85 | @font-face { 86 | font-family: 'Circular Std Book'; 87 | src: url('CircularStd-Book.eot'); 88 | src: local('Circular Std Book'), local('CircularStd-Book'), 89 | url('CircularStd-Book.eot?#iefix') format('embedded-opentype'), 90 | url('CircularStd-Book.woff2') format('woff2'), 91 | url('CircularStd-Book.woff') format('woff'), 92 | url('CircularStd-Book.ttf') format('truetype'); 93 | font-weight: normal; 94 | font-style: normal; 95 | } 96 | 97 | -------------------------------------------------------------------------------- /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 | # Landing-2-p 2 | 3 | -------------------------------------------------------------------------------- /img/BG (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/BG (1).png -------------------------------------------------------------------------------- /img/Social.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/Social.png -------------------------------------------------------------------------------- /img/all-bottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/all-bottom.png -------------------------------------------------------------------------------- /img/all-top.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/all-top.png -------------------------------------------------------------------------------- /img/backg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/backg.png -------------------------------------------------------------------------------- /img/bootstarp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/bootstarp.png -------------------------------------------------------------------------------- /img/boy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/boy.jpg -------------------------------------------------------------------------------- /img/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/circle.png -------------------------------------------------------------------------------- /img/email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/email.png -------------------------------------------------------------------------------- /img/fully-responsive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/fully-responsive.png -------------------------------------------------------------------------------- /img/fully.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/fully.png -------------------------------------------------------------------------------- /img/girl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/girl.png -------------------------------------------------------------------------------- /img/great.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/great.png -------------------------------------------------------------------------------- /img/happy-thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/happy-thumb.png -------------------------------------------------------------------------------- /img/happy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/happy.jpg -------------------------------------------------------------------------------- /img/humanly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/humanly.png -------------------------------------------------------------------------------- /img/img-girl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/img-girl.png -------------------------------------------------------------------------------- /img/jonathan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/jonathan.png -------------------------------------------------------------------------------- /img/lifetime.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/lifetime.png -------------------------------------------------------------------------------- /img/marie.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/marie.png -------------------------------------------------------------------------------- /img/menu-icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/menu-icon1.png -------------------------------------------------------------------------------- /img/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/menu.png -------------------------------------------------------------------------------- /img/mobile-first.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/mobile-first.png -------------------------------------------------------------------------------- /img/multiple-layouts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/multiple-layouts.png -------------------------------------------------------------------------------- /img/multiple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/multiple.png -------------------------------------------------------------------------------- /img/oval.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/oval.png -------------------------------------------------------------------------------- /img/rich.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/rich.png -------------------------------------------------------------------------------- /img/sending-form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/sending-form.png -------------------------------------------------------------------------------- /img/skyboard.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/skyboard.jpg -------------------------------------------------------------------------------- /img/unique.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/the-rustambek/Landing-2-page/e5361392263389e86b1536dbeb6210063bb86762/img/unique.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Page 2 9 | 10 | 11 | 12 |
13 |
14 | 41 |
42 |
43 |

44 | Bring more leads for your business fast. 45 |

46 |

47 | Create custom landing pages with Omega that convert more visitors than any website. With lots of 48 | unique blocks, you can easily build a page without coding. 49 |

50 |
51 | 57 |
58 |
59 |
60 | 66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 | 118 | 119 |
120 |
121 |

122 | Build a perfect landing page fast. 123 |

124 |

125 | Create custom landing pages with Omega that converts more visitors than any website. With lots of 126 | unique blocks, you can easily build a page without coding. 127 |

128 | 131 | 132 |
133 |
134 |
135 |
136 |
137 |
138 |

139 | 50k+ users are 140 | using landing page. 141 |

142 |

143 | Create custom landing pages with Omega that converts more visitors than any website. With lots 144 | of unique blocks, you can easily build a page without coding. 145 |

146 | 149 |
150 | 153 |
154 |
155 |
156 |
157 |

158 | It’s everything
you’ll ever need 159 |

160 | 214 |
215 |
216 |
217 |
218 |
219 |

220 | Save tons of time on design & coding. 221 |

222 |

223 | Create custom landing pages with Omega that converts more visitors than any website. With lots of 224 | unique blocks, you can easily build a page without coding. 225 |

226 | 229 | 230 |
231 |
232 |
233 | Happy girl 234 |
235 |
236 | 237 |
238 |
239 |
240 |
241 |
242 |
243 |

244 | Customer reviews 245 |

246 |

247 | Create custom landing pages with Omega that converts
more visitors than any website. 248 |

249 | 281 |
282 |
283 |
284 |
285 |
286 |
287 |
288 |
289 |
290 |
291 | Boy skybord 292 |
293 | Circle 294 |
295 |
296 |
297 |

298 | Get started now 299 |

300 |

301 | Create custom landing pages with Omega that converts more visitors than any website. With lots of 302 | unique blocks, you can easily build a page without coding. 303 |

304 |
305 | 311 | 312 |
313 |
314 |
315 |
316 | 414 | 415 | 416 | 417 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Circular Std'; 3 | src: url('./CSS/fonts/CircularStd-MediumItalic.eot'); 4 | src: local('./CSS/fonts/Circular Std Medium Italic'), local('./CSS/fonts/CircularStd-MediumItalic'), 5 | url('./CSS/fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'), 6 | url('./CSS/fonts/CircularStd-MediumItalic.woff2') format('woff2'), 7 | url('./CSS/fonts/CircularStd-MediumItalic.woff') format('woff'), 8 | url('./CSS/fonts/CircularStd-MediumItalic.ttf') format('truetype'); 9 | font-weight: 500; 10 | font-style: italic; 11 | } 12 | 13 | @font-face { 14 | font-family: 'Circular Std'; 15 | src: url('./CSS/fonts/CircularStd-Black.eot'); 16 | src: local('./CSS/fonts/Circular Std Black'), local('./CSS/fonts/CircularStd-Black'), 17 | url('./CSS/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'), 18 | url('./CSS/fonts/CircularStd-Black.woff2') format('woff2'), 19 | url('./CSS/fonts/CircularStd-Black.woff') format('woff'), 20 | url('./CSS/fonts/CircularStd-Black.ttf') format('truetype'); 21 | font-weight: 900; 22 | font-style: normal; 23 | } 24 | 25 | @font-face { 26 | font-family: 'Circular Std'; 27 | src: url('./CSS/fonts/CircularStd-Medium.eot'); 28 | src: local('./CSS/fonts/Circular Std Medium'), local('./CSS/fonts/CircularStd-Medium'), 29 | url('./CSS/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), 30 | url('./CSS/fonts/CircularStd-Medium.woff2') format('woff2'), 31 | url('./CSS/fonts/CircularStd-Medium.woff') format('woff'), 32 | url('./CSS/fonts/CircularStd-Medium.ttf') format('truetype'); 33 | font-weight: 500; 34 | font-style: normal; 35 | } 36 | 37 | @font-face { 38 | font-family: 'Circular Std'; 39 | src: url('./CSS/fonts/CircularStd-Bold.eot'); 40 | src: local('./CSS/fonts/Circular Std Bold'), local('./CSS/fonts/CircularStd-Bold'), 41 | url('./CSS/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), 42 | url('./CSS/fonts/CircularStd-Bold.woff2') format('woff2'), 43 | url('./CSS/fonts/CircularStd-Bold.woff') format('woff'), 44 | url('./CSS/fonts/CircularStd-Bold.ttf') format('truetype'); 45 | font-weight: bold; 46 | font-style: normal; 47 | } 48 | 49 | @font-face { 50 | font-family: 'Circular Std'; 51 | src: url('./CSS/fonts/CircularStd-BlackItalic.eot'); 52 | src: local('./CSS/fonts/Circular Std Black Italic'), local('./CSS/fonts/CircularStd-BlackItalic'), 53 | url('./CSS/fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'), 54 | url('./CSS/fonts/CircularStd-BlackItalic.woff2') format('woff2'), 55 | url('./CSS/fonts/CircularStd-BlackItalic.woff') format('woff'), 56 | url('./CSS/fonts/CircularStd-BlackItalic.ttf') format('truetype'); 57 | font-weight: 900; 58 | font-style: italic; 59 | } 60 | 61 | @font-face { 62 | font-family: 'Circular Std Book'; 63 | src: url('./CSS/fonts/CircularStd-BookItalic.eot'); 64 | src: local('./CSS/fonts/Circular Std Book Italic'), local('./CSS/fonts/CircularStd-BookItalic'), 65 | url('./CSS/fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'), 66 | url('./CSS/fonts/CircularStd-BookItalic.woff2') format('woff2'), 67 | url('./CSS/fonts/CircularStd-BookItalic.woff') format('woff'), 68 | url('./CSS/fonts/CircularStd-BookItalic.ttf') format('truetype'); 69 | font-weight: normal; 70 | font-style: italic; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Circular Std'; 75 | src: url('./CSS/fonts/CircularStd-BoldItalic.eot'); 76 | src: local('./CSS/fonts/Circular Std Bold Italic'), local('./CSS/fonts/CircularStd-BoldItalic'), 77 | url('./CSS/fonts/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'), 78 | url('./CSS/fonts/CircularStd-BoldItalic.woff2') format('woff2'), 79 | url('./CSS/fonts/CircularStd-BoldItalic.woff') format('woff'), 80 | url('./CSS/fonts/CircularStd-BoldItalic.ttf') format('truetype'); 81 | font-weight: bold; 82 | font-style: italic; 83 | } 84 | 85 | @font-face { 86 | font-family: 'Circular Std Book'; 87 | src: url('./CSS/fonts/CircularStd-Book.eot'); 88 | src: local('./CSS/fonts/Circular Std Book'), local('./CSS/fonts/CircularStd-Book'), 89 | url('./CSS/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), 90 | url('./CSS/fonts/CircularStd-Book.woff2') format('woff2'), 91 | url('./CSS/fonts/CircularStd-Book.woff') format('woff'), 92 | url('./CSS/fonts/CircularStd-Book.ttf') format('truetype'); 93 | font-weight: normal; 94 | font-style: normal; 95 | } 96 | 97 | * { 98 | margin: 0; 99 | padding: 0; 100 | box-sizing: border-box; 101 | } 102 | 103 | ul, 104 | ol { 105 | list-style: none; 106 | } 107 | 108 | img { 109 | max-width: 100%; 110 | height: auto; 111 | } 112 | 113 | a { 114 | display: block; 115 | text-decoration: none; 116 | } 117 | 118 | .container { 119 | width: 1140px; 120 | margin: 0 auto; 121 | } 122 | 123 | body { 124 | font-family: 'Circular Std'; 125 | } 126 | 127 | 128 | 129 | @media(max-width:1160px){ 130 | .container{ 131 | width: 1000px; 132 | } 133 | .all-title{ 134 | font-size: 35px; 135 | width: 450px; 136 | } 137 | .users-content .users-title{ 138 | font-size: 35px; 139 | line-height: 40px; 140 | width: 290px; 141 | } 142 | .users-content .users-text{ 143 | width: 290px; 144 | } 145 | .users-thumb{ 146 | width: 0; 147 | } 148 | .container .sending-circle-image{ 149 | width: 0; 150 | } 151 | 152 | } 153 | 154 | @media(max-width:1020px){ 155 | .container{ 156 | width: 900px; 157 | } 158 | .all-top{ 159 | width: 0%; 160 | 161 | } 162 | .all-bottom{ 163 | width: 0%; 164 | } 165 | .all-content .all-title{ 166 | font-size: 30px; 167 | line-height: 35px; 168 | width:270px; 169 | } 170 | .all-text{ 171 | font-size: 16px; 172 | width: 320px; 173 | } 174 | .form{ 175 | position: relative; 176 | } 177 | .form-label .form-input{ 178 | padding:15px 10px; 179 | width: 330px; 180 | padding-left: 80px; 181 | } 182 | .form-label .form-button{ 183 | padding: 5px 10px; 184 | top: 8%; 185 | right: 5%; 186 | 187 | position: absolute; 188 | font-size: 16px; 189 | } 190 | .users{ 191 | background-size:cover !important; 192 | 193 | } 194 | .programs-link .programs-link-title{ 195 | font-size: 18px; 196 | width: 150px; 197 | 198 | } 199 | .programs-link-image{ 200 | width: 40px; 201 | } 202 | .design-title{ 203 | font-size:35px; 204 | line-height: 45px; 205 | width: 400px; 206 | } 207 | .container .sending-title{ 208 | font-size: 50px; 209 | line-height: 60px; 210 | } 211 | .sending-form-label .sending-form-input{ 212 | padding:24px 80px; 213 | } 214 | .sending-form-label .sending-form-button{ 215 | padding: 17px 30px; 216 | } 217 | 218 | } 219 | 220 | @media(max-width:920px){ 221 | .container{ 222 | width: 800px; 223 | } 224 | .all-content .all-title{ 225 | font-size: 27px; 226 | line-height: 30px; 227 | width:240px; 228 | 229 | } 230 | .all-text{ 231 | color: white; 232 | width: 240px; 233 | 234 | } 235 | .form{ 236 | position: relative; 237 | } 238 | .form-label .form-input{ 239 | padding:15px 10px; 240 | width: 270px; 241 | padding-left: 50px; 242 | } 243 | .form-label .form-button{ 244 | padding: 5px 10px; 245 | top: 8%; 246 | right: 13%; 247 | 248 | position: absolute; 249 | font-size: 16px; 250 | } 251 | .fast-content .fast-content-title{ 252 | font-size: 35px; 253 | line-height: 45px; 254 | width: 250px; 255 | } 256 | .design-content .design-title{ 257 | font-size:35px; 258 | line-height: 35px; 259 | width: 340px; 260 | } 261 | .design-content .design-text{ 262 | font-size: 18px; 263 | line-height: 22px; 264 | } 265 | .design-content .design-button{ 266 | padding: 8px 25px; 267 | } 268 | .footer-list .footer-item .footer-link{ 269 | width: 0%; 270 | } 271 | } 272 | 273 | @media(max-width:820px){ 274 | .container{ 275 | width: 700px; 276 | } 277 | .all .container{ 278 | width: 700px; 279 | } 280 | 281 | /* .all-content{ 282 | margin-left: 200px; 283 | } */ 284 | 285 | .form{ 286 | position: relative; 287 | } 288 | .form-label .form-input{ 289 | padding:15px 10px; 290 | width: 270px; 291 | padding-left: 50px; 292 | } 293 | .form-label .form-button{ 294 | padding: 5px 10px; 295 | top: 8%; 296 | right: 1%; 297 | 298 | position: absolute; 299 | font-size: 16px; 300 | } 301 | .all-content .all-text{ 302 | color: white; 303 | } 304 | .all-content .all-title{ 305 | color: white; 306 | } 307 | .fast .container { 308 | /* flex-direction: column; */ 309 | } 310 | .container .programs-title{ 311 | font-size: 45px; 312 | line-height: 55px; 313 | } 314 | .programs-list{ 315 | flex-direction: column; 316 | } 317 | .container .programs-list .programs-item{ 318 | width: 400px; 319 | } 320 | .programs-link-title{ 321 | width: 300px; 322 | 323 | padding-left: 10px; } 324 | .customers .container .customers-title{ 325 | font-size: 32px; 326 | margin-bottom: 10px; 327 | 328 | } 329 | .introduction .introduction-image{ 330 | width: 60px; 331 | } 332 | .container .sending-info .sending-title{ 333 | font-size: 30px; 334 | } 335 | 336 | .container .sending-form .sending-form-input{ 337 | padding:15px 60px; 338 | } 339 | .sending-form-label .sending-form-button{ 340 | padding: 15px; 341 | 342 | 343 | } 344 | .container .nav-link{ 345 | color: rgb(37, 44, 44); 346 | } 347 | 348 | .users .users-text{ 349 | color: black; 350 | } 351 | 352 | } 353 | 354 | @media(max-width:720px){ 355 | .container{ 356 | width: 600px; 357 | } 358 | .all .container{ 359 | width: 600px; 360 | } 361 | .form{ 362 | position: relative; 363 | } 364 | 365 | .form-label .form-button{ 366 | padding: 5px 10px; 367 | top: 8%; 368 | left: 75%; 369 | 370 | position: absolute; 371 | font-size: 16px; 372 | } 373 | .all-content .all-title{ 374 | font-size: 37px; 375 | line-height: 30px; 376 | width:300px; 377 | color:#fff; 378 | } 379 | .all-content .all-text{ 380 | color:white; 381 | width: 300px; 382 | } 383 | 384 | .container .all-button{ 385 | display: block; 386 | margin-left: 390px; 387 | } 388 | .container .nav-list{ 389 | display: none; 390 | } 391 | .fast-list{ 392 | width: 200px; 393 | 394 | } 395 | .container .fast-list .fast-item .fast-link{ 396 | flex-direction: column; 397 | 398 | } 399 | .fast-item .fast-link-title{ 400 | font-size: 18px; 401 | } 402 | .users-content .users-title{ 403 | font-size: 30px; 404 | width: 240px; 405 | 406 | } 407 | .container .programs-list .programs-item{ 408 | width: 400px; 409 | } 410 | .design .container{ 411 | /* flex-direction: column; */ 412 | flex-wrap: wrap-reverse; 413 | } 414 | .container .design-content .design-button{ 415 | margin-bottom: 60px; 416 | } 417 | .sending .container { 418 | display: flex; 419 | align-items: center; 420 | justify-content: center; 421 | /* text-align: center; */ 422 | } 423 | .sending .container .sending-title{ 424 | font-size: 30px; 425 | width: 200px; 426 | } 427 | .sending .container .sending-text{ 428 | font-size: 18px; 429 | /* width: 350px; */ 430 | 431 | } 432 | .container .sending-form .sending-form-label .sending-form-input{ 433 | 434 | width: 250px; 435 | } 436 | .container .sending-form .sending-form-label .sending-form-button{ 437 | width: 250px; 438 | } 439 | .container .sending-photo .sending-back-image{ 440 | width: 600px; 441 | height: 400px; 442 | } 443 | .container .customers-item{ 444 | width: 300px; 445 | margin: 0px 15px; 446 | } 447 | .container .sending-title{ 448 | margin-top: 1px; 449 | margin-bottom: 10px; 450 | } 451 | .users{ 452 | background-image: none !important; 453 | 454 | } 455 | .users .container .users-content { 456 | /* align-items: flex-start; */ 457 | /* justify-content: center; */ 458 | /* display: flex; 459 | */ 460 | margin: 0 auto; 461 | text-align: justify; 462 | } 463 | } 464 | 465 | @media(max-width:620px){ 466 | .container{ 467 | width: 500px; 468 | } 469 | .all .container{ 470 | width: 500px; 471 | } 472 | .form{ 473 | position: relative; 474 | } 475 | .all .container .navbar .container{ 476 | width:500px; 477 | } 478 | 479 | .form-label .form-button{ 480 | padding: 5px 10px; 481 | top: 8%; 482 | left: 88%; 483 | 484 | position: absolute; 485 | font-size: 16px; 486 | } 487 | .all.container.navbar .container{ 488 | width:500px; 489 | 490 | } 491 | .all{ 492 | background-image: none !important; 493 | background-color: #F2F2F2; 494 | } 495 | .all-all .all-content{ 496 | margin:0 auto; 497 | } 498 | .container .all-button{ 499 | display: block; 500 | margin-left:auto; 501 | } 502 | .nav-item .nav-link{ 503 | color: black; 504 | } 505 | .container .nav-title{ 506 | color: black; 507 | } 508 | .all-content .all-text{ 509 | color: black; 510 | } 511 | .all-content .all-title{ 512 | color: black; 513 | } 514 | .users{ 515 | background-image: none !important; 516 | 517 | } 518 | 519 | .container .users-content{ 520 | margin-left: 100px; 521 | } 522 | .container .design-content .design-title{ 523 | font-size:25px; 524 | width: 200px; 525 | } 526 | .customers-list{ 527 | flex-direction: column; 528 | } 529 | .customers-list .customers-item{ 530 | width: 300px; 531 | margin: 20px 0px; 532 | } 533 | .container .customers-subtitle{ 534 | margin-bottom: 20px; 535 | } 536 | 537 | .sending .container { 538 | flex-direction: column; 539 | align-items: center; 540 | justify-content: center; 541 | padding-left: 150px; 542 | } 543 | .design .container{ 544 | 545 | flex-direction: column-reverse; 546 | } 547 | .container .design-content .design-title{ 548 | text-align: center; 549 | 550 | } 551 | .container .design-content .design-text{ 552 | width: 300px; 553 | 554 | 555 | } 556 | .container .design-content .design-button{ 557 | width:270px; 558 | } 559 | .fast-content .fast-content-title { 560 | width: 220px; 561 | font-size: 30px; 562 | line-height: 35px; 563 | } 564 | .sending .container .sending-text{ 565 | width: 300px; 566 | } 567 | .container .users-content .users-title{ 568 | font-size: 30px; 569 | line-height: 40px; 570 | text-align: center; 571 | } 572 | .users .container .users-button{ 573 | width: 220px; 574 | color: white; 575 | } 576 | } 577 | 578 | @media(max-width:520px){ 579 | .container{ 580 | width: 400px; 581 | } 582 | .all .container{ 583 | width: 350px; 584 | } 585 | .all-content .all-text{ 586 | color: black; 587 | } 588 | .all .container .navbar .container{ 589 | width: 300px; 590 | } 591 | 592 | .all-content .all-title{ 593 | color: black; 594 | font-size: 25px; 595 | width: 220px; 596 | } 597 | .form{ 598 | position: relative; 599 | } 600 | 601 | 602 | .form-label .form-button{ 603 | padding: 5px 5px; 604 | top: 8%; 605 | left: 100%; 606 | 607 | position: absolute; 608 | font-size: 17px; 609 | color:whitesmoke; 610 | } 611 | .container .all-button{ 612 | display: block; 613 | width: 30px; 614 | margin-left: auto; 615 | } 616 | .nav-item{ 617 | display: none; 618 | 619 | } 620 | .fast .container{ 621 | flex-direction: column; 622 | /* margin-right: 70px; */ 623 | margin: 0 auto; 624 | align-items: center; 625 | justify-content: center; 626 | } 627 | .fast-content .fast-content-text{ 628 | font-size: 15px; 629 | width: 200px; 630 | } 631 | .fast-content .fast-content-button{ 632 | padding: 7px; 633 | width: 200px; 634 | } 635 | .container .users-title{ 636 | font-size: 30px; 637 | 638 | } 639 | .container .users-text{ 640 | width: 250px; 641 | font-size: 18px; 642 | line-height: 28px; 643 | } 644 | .container .design-photo{ 645 | width: 0%; 646 | } 647 | .container .design-content .design-button{ 648 | margin-bottom: 10px; 649 | } 650 | .design{ 651 | padding-bottom: 10px; 652 | } 653 | .container .customers-subtitle{ 654 | font-size: 16px; 655 | width: 380px; 656 | } 657 | .sending .container .sending-photo{ 658 | width: 0%; 659 | } 660 | 661 | .sending-back-image{ 662 | width: 0%; 663 | } 664 | .sending-circle-image{ 665 | width: 0%; 666 | } 667 | .sending .container .sending-title{ 668 | font-size: 25px; 669 | } 670 | .sending .container .sending-text{ 671 | width: 200px; 672 | } 673 | .sending .container .sending-form .sending-label .sending-form-input{ 674 | width: 100px; 675 | } 676 | .sending .container .sending-form .sending-label .sending-form-button{ 677 | width: 100px; 678 | } 679 | .container .programs-list .programs-item{ 680 | width: 270px; 681 | } 682 | .container .design-content .design-text{ 683 | width: 250px; 684 | } 685 | .container .design-content .design-button{ 686 | width: 220px; 687 | 688 | } 689 | .container .form-label .form-button{ 690 | width: 120px; 691 | margin-left: 10px; 692 | } 693 | } 694 | 695 | @media(max-width:420px){ 696 | .container{ 697 | width: 90%; 698 | } 699 | .all .container{ 700 | width: 300px; 701 | } 702 | .all .container .navbar .container{ 703 | width: 300px ; 704 | } 705 | .form{ 706 | position: relative; 707 | } 708 | .form .form-label .form-button{ 709 | padding: 6px 19px 6px 8px; 710 | top: 8%; 711 | left: 98%; 712 | margin-left: 30px; 713 | 714 | position: absolute; 715 | font-size: 18px; 716 | color:whitesmoke; 717 | } 718 | 719 | .container .users-title{ 720 | font-size: 23px; 721 | width: 180px; 722 | } 723 | .container .customers-subtitle{ 724 | font-size: 16px; 725 | width: 340px; 726 | } 727 | .container .sending-form .sending-form-label .sending-form-input{ 728 | width: 180px; 729 | } 730 | .container .sending-form .sending-form-label .sending-form-button{ 731 | width: 180px; 732 | } 733 | } 734 | /* **********************all******************** */ 735 | .all-button{ 736 | width: 30px; 737 | display: none; 738 | } 739 | 740 | .all { 741 | background-image: url("./img/BG\ \(1\).png"); 742 | background-position: right center; 743 | background-size: cover; 744 | background-repeat: no-repeat; 745 | position: relative; 746 | padding:0px 50px 50px 50px ; 747 | padding-bottom: 180px; 748 | } 749 | 750 | /* .present-thumb { 751 | position: absolute; 752 | top: 12%; 753 | left: 46%; 754 | width: 100%; 755 | } 756 | 757 | .laptop-thumb { 758 | position: absolute; 759 | bottom: 20%; 760 | left: 75%; 761 | width: 100%; 762 | } */ 763 | 764 | .all-all { 765 | display: flex; 766 | align-items: center; 767 | justify-content: space-around; 768 | /* margin-top: 5px; */ 769 | } 770 | .sending-form-button:hover{ 771 | color: black; 772 | transition: 0.4s; 773 | } 774 | .all-content, 775 | .all-photo { 776 | width: 38%; 777 | } 778 | 779 | .navbar { 780 | /* padding-top: 23px; */ 781 | } 782 | .all-button{ 783 | display: none; 784 | 785 | } 786 | .navbar .container { 787 | display: flex; 788 | align-items: center; 789 | justify-content: start; 790 | } 791 | 792 | .nav-list { 793 | display: flex; 794 | align-items: center; 795 | justify-content: center; 796 | } 797 | 798 | .nav-link { 799 | display: block; 800 | padding: 10px 35px; 801 | font-family: CircularStd; 802 | font-size: 19px; 803 | line-height: 29px; 804 | text-align: right; 805 | letter-spacing: -0.500211px; 806 | color: rgba(0, 0, 0, 0.8); 807 | transition: 0.3s; 808 | } 809 | .nav-link:hover{ 810 | color: red; 811 | } 812 | 813 | .demos { 814 | font-size: 19px; 815 | color: #F04037; 816 | } 817 | 818 | .nav-title { 819 | padding: 10px; 820 | font-family: CircularStd; 821 | font-size: 30px; 822 | line-height: 40px; 823 | letter-spacing: -0.750316px; 824 | color: #19191B;@ 825 | } 826 | 827 | .all-title { 828 | margin-top: 100px; 829 | font-family: CircularStd; 830 | font-size: 50px; 831 | line-height: 60px; 832 | letter-spacing: -1.87579px; 833 | color: #19191B; 834 | margin-bottom: 28px; 835 | } 836 | 837 | .all-text { 838 | font-family: CircularStd; 839 | font-size: 18px; 840 | line-height: 35px; 841 | letter-spacing: -0.656526px; 842 | color: #696871; 843 | margin-bottom: 40px; 844 | } 845 | 846 | .form { 847 | position: relative; 848 | outline: none; 849 | 850 | } 851 | 852 | .form-icon { 853 | position: absolute; 854 | left: 0; 855 | top: 37%; 856 | margin-left: 20px; 857 | margin-right: 21px; 858 | } 859 | 860 | .form-button { 861 | position: absolute; 862 | right: 1%; 863 | top: 6%; 864 | background-color: #F04037; 865 | border: 1px solid #C31A12; 866 | border-radius: 5px; 867 | padding: 17px 45px; 868 | font-size: 21px; 869 | line-height: 25px; 870 | text-align: center; 871 | letter-spacing: -0.656526px; 872 | color: #fff; 873 | 874 | } 875 | 876 | .form-label { 877 | width: 100%; 878 | } 879 | 880 | .form-input { 881 | width: 100%; 882 | padding: 25px; 883 | padding-left: 60px; 884 | outline: none; 885 | background: #FFFFFF; 886 | border: 1px solid #EAE9F2; 887 | border-radius: 10px; 888 | } 889 | 890 | .fast { 891 | background-color: #413E65; 892 | padding: 152px 0; 893 | } 894 | 895 | .fast .container { 896 | display: flex; 897 | align-items: center; 898 | justify-content: space-around; 899 | } 900 | 901 | .fast-parts, 902 | .fast-content { 903 | width: 35%; 904 | } 905 | 906 | .fast-content-title { 907 | font-family: CircularStd; 908 | font-size: 50px; 909 | line-height: 60px; 910 | letter-spacing: -1.87579px; 911 | color: #FFFFFF; 912 | margin-bottom: 18px; 913 | } 914 | 915 | .fast-content-text { 916 | font-size: 18px; 917 | line-height: 35px; 918 | letter-spacing: -0.656526px; 919 | color: rgba(255, 255, 255, 0.702469); 920 | margin-bottom: 40px; 921 | } 922 | 923 | .fast-content-button { 924 | background: #F04037; 925 | border: 1px solid #C31A12; 926 | border-radius: 5px; 927 | padding: 17px 22px; 928 | font-size: 21px; 929 | line-height: 25px; 930 | text-align: center; 931 | letter-spacing: -0.656526px; 932 | color: #FFFFFF; 933 | } 934 | 935 | .fast-item { 936 | background-color: #FFFFFF; 937 | border-radius: 10px; 938 | padding: 26px; 939 | margin-bottom: 25px; 940 | display: flex; 941 | } 942 | 943 | .fast-link { 944 | display: flex; 945 | align-items: flex-start; 946 | 947 | } 948 | 949 | .form-button:hover { 950 | color: black; 951 | transition: 0.3s; 952 | 953 | } 954 | 955 | .fast-content-button:hover { 956 | color: black; 957 | transition: 0.3s; 958 | } 959 | 960 | .users-button:hover { 961 | color: black; 962 | transition: 0.3s; 963 | } 964 | 965 | .fast-link-image { 966 | margin-right: 27px; 967 | } 968 | 969 | .fast-link-title { 970 | font-size: 24px; 971 | line-height: 28px; 972 | letter-spacing: -0.750316px; 973 | color: #19191B; 974 | margin-bottom: 13px; 975 | } 976 | 977 | .fast-link-text { 978 | font-size: 16px; 979 | line-height: 28px; 980 | letter-spacing: -0.500211px; 981 | color: #696871; 982 | } 983 | 984 | .users { 985 | padding-top: 181px; 986 | background-image: url("./img/boy.jpg"); 987 | background-position: right center; 988 | background-repeat: no-repeat; 989 | background-size: contain; 990 | padding-bottom: 150px; 991 | position: relative; 992 | background-color: #F2F2F2; 993 | } 994 | 995 | .users-photo { 996 | position: absolute; 997 | left: 42%; 998 | top: 65%; 999 | width: 100%; 1000 | } 1001 | 1002 | .users .container { 1003 | display: flex; 1004 | align-items: center; 1005 | justify-content: space-between; 1006 | } 1007 | 1008 | .users-content { 1009 | width: 50%; 1010 | margin-left: 50px; 1011 | } 1012 | 1013 | .users-title { 1014 | font-size: 50px; 1015 | line-height: 60px; 1016 | letter-spacing: -1.87579px; 1017 | color: #19191B; 1018 | margin-bottom: 20px; 1019 | width: 420px; 1020 | } 1021 | 1022 | .users-text { 1023 | font-size: 19px; 1024 | line-height: 30px; 1025 | letter-spacing: -0.656526px; 1026 | color: #696871; 1027 | width: 400px; 1028 | margin-bottom: 61px; 1029 | } 1030 | 1031 | .users-button { 1032 | padding: 17px 22px; 1033 | background-color: #F04037; 1034 | border: 1px solid #C31A12; 1035 | border-radius: 5px; 1036 | font-size: 21px; 1037 | line-height: 25px; 1038 | text-align: center; 1039 | letter-spacing: -0.656526px; 1040 | color: #FFFFFF; 1041 | } 1042 | 1043 | .programs { 1044 | padding-top: 86px; 1045 | background-color: #F7F7FB; 1046 | 1047 | } 1048 | 1049 | .programs-title { 1050 | font-family: CircularStd; 1051 | font-size: 60px; 1052 | line-height: 70px; 1053 | text-align: center; 1054 | letter-spacing: -1.87579px; 1055 | color: #19191B; 1056 | margin-bottom: 60px; 1057 | 1058 | } 1059 | 1060 | .programs-list { 1061 | display: flex; 1062 | align-items: center; 1063 | justify-content: space-around; 1064 | flex-wrap: wrap; 1065 | padding-bottom: 132px; 1066 | } 1067 | 1068 | .programs-item { 1069 | background-color: #FFFFFF; 1070 | border: 1px solid #EAE9F2; 1071 | border-radius: 10px; 1072 | width: 30%; 1073 | padding: 26px 40px; 1074 | margin-bottom: 34px; 1075 | } 1076 | 1077 | .bootstrap, 1078 | .fully { 1079 | width: 40%; 1080 | } 1081 | 1082 | .programs-link-image { 1083 | margin-right: 16px; 1084 | background-color: rgba(240, 64, 55, 0.097195); 1085 | border-radius: 50%; 1086 | } 1087 | 1088 | .programs-link-title { 1089 | font-family: CircularStd; 1090 | font-size: 21px; 1091 | line-height: 25px; 1092 | letter-spacing: -0.656526px; 1093 | color: #19191B; 1094 | } 1095 | 1096 | .programs-link { 1097 | display: inline-block; 1098 | display: flex; 1099 | align-items: center; 1100 | } 1101 | 1102 | .design { 1103 | padding-top: 126px; 1104 | padding-bottom: 145px; 1105 | background-color: #F2F2F2; 1106 | } 1107 | 1108 | .design .container { 1109 | display: flex; 1110 | align-items: center; 1111 | justify-content: space-around; 1112 | 1113 | } 1114 | 1115 | .design-content, 1116 | .design-photo { 1117 | width: 40%; 1118 | } 1119 | 1120 | .design-title { 1121 | font-family: CircularStd; 1122 | font-size: 50px; 1123 | line-height: 60px; 1124 | letter-spacing: -1.87579px; 1125 | color: #19191B; 1126 | margin-bottom: 21px; 1127 | } 1128 | 1129 | .design-text { 1130 | font-size: 18px; 1131 | line-height: 30px; 1132 | letter-spacing: -0.656526px; 1133 | color: #696871; 1134 | margin-bottom: 36px; 1135 | } 1136 | 1137 | .design-button { 1138 | background-color: #F04037; 1139 | border: 1px solid #C31A12; 1140 | border-radius: 5px; 1141 | padding: 16px 25px; 1142 | font-size: 18px; 1143 | line-height: 22px; 1144 | text-align: center; 1145 | letter-spacing: -0.656526px; 1146 | color: #FFFFFF; 1147 | transition: 0.3s; 1148 | } 1149 | 1150 | .design-photo { 1151 | position: relative; 1152 | } 1153 | 1154 | .computer-thumb { 1155 | position: absolute; 1156 | left: -15%; 1157 | bottom: 5%; 1158 | } 1159 | 1160 | .customers { 1161 | padding-top: 90px; 1162 | background-color: #F7F7FB; 1163 | padding-bottom: 124px; 1164 | } 1165 | 1166 | .customers-title { 1167 | font-size: 50px; 1168 | line-height: 60px; 1169 | text-align: center; 1170 | letter-spacing: -1.87579px; 1171 | color: #19191B; 1172 | margin-bottom: 14px; 1173 | } 1174 | 1175 | .customers-subtitle { 1176 | font-family: CircularStd; 1177 | font-size: 21px; 1178 | line-height: 31px; 1179 | 1180 | 1181 | text-align: center; 1182 | letter-spacing: -0.656526px; 1183 | color: #696871; 1184 | margin-bottom: 80px; 1185 | } 1186 | 1187 | .customers-list { 1188 | display: flex; 1189 | align-items: center; 1190 | justify-content: space-around; 1191 | margin-bottom: 82px; 1192 | } 1193 | 1194 | .customers-item { 1195 | width: 35%; 1196 | background-color: #FFFFFF; 1197 | border: 1px solid #EAE9F2; 1198 | border-radius: 10px; 1199 | padding: 30px; 1200 | } 1201 | 1202 | .customers-link-info { 1203 | text-align: start; 1204 | font-family: CircularStd; 1205 | font-size: 18px; 1206 | line-height: 35px; 1207 | letter-spacing: -0.656526px; 1208 | color: #19191B; 1209 | margin-bottom: 28px; 1210 | } 1211 | 1212 | .introduction { 1213 | display: flex; 1214 | } 1215 | .design-button:hover{ 1216 | color: black; 1217 | 1218 | } 1219 | 1220 | .introduction-image { 1221 | margin-right: 15px; 1222 | } 1223 | 1224 | .names p { 1225 | font-size: 16px; 1226 | line-height: 28px; 1227 | letter-spacing: -0.500211px; 1228 | color: #696871; 1229 | } 1230 | 1231 | .names-bold { 1232 | font-size: 21px; 1233 | line-height: 28px; 1234 | letter-spacing: -0.656526px; 1235 | color: #19191B; 1236 | } 1237 | 1238 | .dots { 1239 | display: flex; 1240 | align-items: center; 1241 | justify-content: center; 1242 | border-radius: 5px; 1243 | 1244 | } 1245 | 1246 | .dot1 { 1247 | border-radius: 4px; 1248 | width: 40px; 1249 | height: 8px; 1250 | background-color: #5454D4; 1251 | text-align: center; 1252 | } 1253 | 1254 | .dot2, 1255 | .dot3 { 1256 | border-radius: 4px; 1257 | width: 20px; 1258 | height: 8px; 1259 | margin-left: 7px; 1260 | background-color: #EAE9F2; 1261 | } 1262 | 1263 | .dot2:hover, 1264 | .dot3:hover { 1265 | background-color: #5454D4; 1266 | } 1267 | 1268 | .sending { 1269 | background-color: #413E65; 1270 | padding-top: 138px; 1271 | padding-bottom: 136px; 1272 | 1273 | } 1274 | 1275 | .sending .container { 1276 | display: flex; 1277 | align-items: flex-start; 1278 | justify-content: space-around; 1279 | } 1280 | 1281 | .sending-info, 1282 | .sending-photo { 1283 | width: 45%; 1284 | } 1285 | 1286 | .sending-back-image { 1287 | border-radius: 10px; 1288 | } 1289 | 1290 | .sending-photo { 1291 | position: relative; 1292 | } 1293 | 1294 | .circle { 1295 | position: absolute; 1296 | bottom: 23%; 1297 | left: 40%; 1298 | } 1299 | 1300 | .sending-title { 1301 | margin-top: 60px; 1302 | font-size: 60px; 1303 | line-height: 70px; 1304 | letter-spacing: -1.87579px; 1305 | color: #FFFFFF; 1306 | margin-bottom: 20px; 1307 | } 1308 | 1309 | .sending-text { 1310 | font-size: 21px; 1311 | line-height: 39px; 1312 | letter-spacing: -0.656526px; 1313 | color: rgba(255, 255, 255, 0.7); 1314 | margin-bottom: 36px; 1315 | } 1316 | 1317 | .sending-form { 1318 | width: 80%; 1319 | } 1320 | 1321 | .sending-form-label { 1322 | width: 100%; 1323 | position: relative; 1324 | } 1325 | 1326 | .sending-form-input { 1327 | width: 100%; 1328 | border: 1px solid #EAE9F2; 1329 | border-radius: 10px; 1330 | outline: none; 1331 | padding: 24px 150px; 1332 | position: relative; 1333 | margin-bottom: 21px; 1334 | color: #696871; 1335 | } 1336 | 1337 | .sending-form-image { 1338 | position: absolute; 1339 | bottom: 83%; 1340 | margin-left: 25px; 1341 | } 1342 | 1343 | .sending-form-button { 1344 | width: 100%; 1345 | background-color: #F04037; 1346 | border: 1px solid #C31A12; 1347 | border-radius: 10px; 1348 | padding: 17px 122px; 1349 | font-size: 21px; 1350 | line-height: 25px; 1351 | text-align: center; 1352 | letter-spacing: -0.656526px; 1353 | color: #FFFFFF; 1354 | } 1355 | 1356 | .footer { 1357 | padding-top: 110px; 1358 | padding-bottom: 100px; 1359 | } 1360 | 1361 | .footer-list { 1362 | display: flex; 1363 | align-items: flex-start; 1364 | justify-content: space-between; 1365 | } 1366 | 1367 | .footer-link-title { 1368 | font-family: CircularStd; 1369 | font-size: 24px; 1370 | line-height: 28px; 1371 | letter-spacing: -0.750316px; 1372 | color: #19191B; 1373 | margin-bottom: 19px; 1374 | 1375 | } 1376 | 1377 | .footer-link-info { 1378 | font-size: 16px; 1379 | line-height: 28px; 1380 | letter-spacing: -0.500211px; 1381 | color: #696871; 1382 | margin-bottom: 22px; 1383 | } 1384 | 1385 | .footer-link { 1386 | font-size: 16px; 1387 | line-height: 19px; 1388 | letter-spacing: -0.500211px; 1389 | color: #19191B; 1390 | font-weight: bold; 1391 | } 1392 | 1393 | .link-list { 1394 | margin-top: 25px; 1395 | font-size: 16px; 1396 | line-height: 38px; 1397 | letter-spacing: -0.500211px; 1398 | color: #19191B; 1399 | } 1400 | 1401 | .link-link { 1402 | display: inline-block; 1403 | font-size: 16px; 1404 | line-height: 38px; 1405 | letter-spacing: -0.500211px; 1406 | color: #19191B; 1407 | } 1408 | 1409 | .footer-span { 1410 | margin-bottom: 35px; 1411 | } --------------------------------------------------------------------------------