├── cursor.png ├── index.html ├── style.css ├── team-one.jpg ├── team-two.jpg └── videobg.mp4 /cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codegridweb/Complete-Single-Page-Corporate-Website/de495009ecd6f2d658c75b43567c214996c9a4ad/cursor.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Complete Corportate Website 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 | 32 | 33 |
34 | 37 |
38 | 39 |
40 |

We are here for managing fund data.

41 |
42 | 43 | 44 | 45 | 46 | 47 | 65 | 66 |
67 |
close
68 | 69 | 76 |
77 | 78 | 79 | 80 |
81 | 82 | 83 | 84 | 85 | 86 |
87 | 88 | 89 |
90 | 91 |
92 | 93 |
94 |
95 |
01
96 |
General presentation
97 |
98 | 99 |
100 |
101 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus sapiente maxime a in consequatur ex tempora.

102 |
103 | 104 |
105 |
106 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim minima nam quasi quod eaque incidunt aliquid provident accusantium nemo aperiam, voluptatibus nulla ex repellendus ad doloremque nisi iure, ipsam neque iste voluptate quidem sit sed fugiat! Consequatur, aut vel. Voluptate?
107 |
108 | 109 |
110 |
111 |
112 | 113 |
114 |
115 | 116 |
117 | 118 |
119 | 120 |
121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 |
129 | 130 |
131 | 132 |
133 | 134 |
135 |
136 |
02
137 |
What we do
138 |
139 | 140 |
141 |
142 |
143 |
144 | 145 |
146 |
147 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 148 |
149 |
150 | 151 |
152 |
153 | 154 |
155 |
156 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 157 |
158 |
159 |
160 | 161 |
162 |
163 |
164 |
165 | 166 |
167 |
168 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 169 |
170 |
171 | 172 |
173 |
174 | 175 |
176 |
177 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 178 |
179 |
180 |
181 |
182 | 183 |
184 | 185 |
186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 |
194 | 195 |
196 | 197 |
198 |
199 |
03
200 |
Our team
201 |
202 | 203 |
204 | 205 |
206 | 207 |
208 |
209 |
210 |
211 |
212 |
Martin Smith
213 | Founder & CEO 214 |
215 |
216 | 217 |
218 |
219 |
220 |
221 |
222 |
John Doe
223 | Co-founder 224 |
225 |
226 | 227 |
228 | 229 |
230 | 231 |
232 | 233 | 234 | 235 | 236 | 237 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 |
269 | 270 |
271 | 272 |
273 |
274 |
04
275 |
Contact us
276 |
277 | 278 |
279 |
280 |
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut aspernatur deleniti eveniet quisquam sapiente obcaecati consequuntur.
281 |
282 | 283 |
284 |
285 |
286 |
287 | 288 |
    289 | 290 |
  • 291 | 292 |
    293 | 294 |
    295 |
    • 296 | 297 |
    298 | 299 |
  • 300 | 301 |
    302 | 303 |
    304 |
    • 305 | 306 |
    307 | 308 |
  • 309 | 310 |
    311 | 312 |
    313 |
    • 314 | 315 |
316 | 317 | 318 | 319 |
320 |
321 |
322 | 323 |
324 | 325 |
326 | 327 | 328 | 329 |
330 | 331 |
332 | 333 |
334 | 335 |
336 |
337 |

Workarea

338 |

8 Rockville Avenue

339 |

Southaven

340 |

MS 97545 7954

341 | 342 |

343 |
344 | 345 |
346 |
    347 |
    • 348 | 349 |
    • 350 | 351 |
    • 352 | 353 |
    • 354 |
355 | 356 |

357 |
358 | 359 |
360 |

Say Hello

361 |

contact@10ventures.com

362 | 363 |

364 |
365 |
366 | 367 |
368 | 369 |
370 | 371 |
372 | 373 | 374 | 375 |
376 | 377 |
378 | 379 | 380 | 381 | 445 | 446 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | 2 | html, body { 3 | cursor: url(cursor.png), auto !important; 4 | } 5 | 6 | * { 7 | box-sizing: border-box; 8 | margin: 0%; 9 | padding: 0%; 10 | font-family: "Darker Grotesque" !important; 11 | } 12 | 13 | /*--------------- hero section --------------- */ 14 | 15 | .video-container { 16 | position: absolute; 17 | width: 100%; 18 | height: 100vh; 19 | overflow: hidden; 20 | } 21 | 22 | video { 23 | object-fit: cover; 24 | width: 100vw; 25 | height: 100vh; 26 | position: absolute; 27 | top: 0; 28 | left: 0; 29 | } 30 | 31 | .video-container::after { 32 | content: ""; 33 | position: absolute; 34 | top: 0; 35 | left: 0; 36 | width: 100%; 37 | height: 100vh; 38 | background: #1b1b1b; 39 | opacity: 0.8; 40 | } 41 | 42 | .header { 43 | position: absolute; 44 | top: 50%; 45 | left: 45%; 46 | transform: translate(-50%, -50%); 47 | } 48 | 49 | .header h1 { 50 | color: #d3ae87; 51 | font-size: 80px !important; 52 | } 53 | 54 | @media(max-width: 900px) { 55 | .header { 56 | left: 50%; 57 | } 58 | 59 | .header h1 { 60 | font-size: 34px !important; 61 | text-align: center; 62 | } 63 | } 64 | 65 | /*--------------- navigation --------------- */ 66 | 67 | .nav { 68 | width: 100%; 69 | height: 80px; 70 | position: fixed; 71 | z-index: 2; 72 | } 73 | 74 | .nav.scrolled { 75 | background-color: #161616 !important; 76 | transition: background-color 500ms linear; 77 | } 78 | 79 | .nav #brand { 80 | float: left; 81 | display: block; 82 | margin-left: 40px; 83 | line-height: 80px; 84 | font-weight: bold; 85 | text-transform: uppercase; 86 | font-size: 18px; 87 | } 88 | 89 | .nav #brand a { 90 | color: #fff; 91 | font-family: Poppins !important; 92 | transition: all 500ms ease-out; 93 | } 94 | 95 | .nav #brand a:hover { 96 | text-decoration: none; 97 | } 98 | 99 | .nav #menu { 100 | float: left; 101 | right: 40px; 102 | position: fixed; 103 | } 104 | 105 | .nav #menu li { 106 | padding-left: 40px; 107 | display: inline-block; 108 | font-weight: lighter !important; 109 | text-transform: uppercase; 110 | font-size: 14px; 111 | line-height: 80px; 112 | position: relative; 113 | transition: all 500ms ease-out; 114 | } 115 | 116 | .nav #menu li a { 117 | font-family: Poppins !important; 118 | color: rgb(156, 156, 156); 119 | transition: all 500ms ease-out; 120 | } 121 | 122 | .nav #menu li a:hover { 123 | text-decoration: none; 124 | color: #fff; 125 | transition: all 500ms ease-out; 126 | } 127 | 128 | #toggle { 129 | position: absolute; 130 | right: 40px; 131 | top: 20px; 132 | font-weight: 300; 133 | color: #fff; 134 | text-transform: uppercase; 135 | letter-spacing: 2px; 136 | z-index: 2; 137 | width: 30px; 138 | height: 30px; 139 | float: right; 140 | transition: all 0.3s ease-out; 141 | visibility: hidden; 142 | opacity: 0; 143 | } 144 | 145 | .close-btn { 146 | position: absolute; 147 | right: 30px; 148 | font-weight: 300; 149 | color: #fff; 150 | text-transform: uppercase; 151 | letter-spacing: 2px; 152 | z-index: 2; 153 | top: -2px; 154 | line-height: 80px; 155 | } 156 | 157 | #resize { 158 | z-index: 2; 159 | top: 0px; 160 | position: fixed; 161 | background: #0f0f0f; 162 | width: 100%; 163 | height: 100%; 164 | visibility: hidden; 165 | opacity: 0; 166 | transition: all 1s ease-out; 167 | } 168 | 169 | #resize #menu { 170 | height: 90px; 171 | position: absolute; 172 | left: 45%; 173 | transform: translateX(-40%); 174 | text-align: center; 175 | display: table-cell; 176 | vertical-align: center; 177 | } 178 | 179 | #resize #menu li { 180 | display: block; 181 | text-align: center; 182 | padding: 10px 0; 183 | font-size: 50px; 184 | text-transform: uppercase; 185 | min-height: 50px; 186 | font-weight: bold; 187 | transition: all 0.3s ease-out; 188 | } 189 | 190 | #resize li:nth-child(1) { 191 | margin-top: 140px; 192 | } 193 | 194 | #resize #menu li a { 195 | color: #fff; 196 | } 197 | 198 | #resize #menu li a:hover { 199 | text-decoration: none; 200 | } 201 | 202 | #resize.active { 203 | visibility: visible; 204 | opacity: 1; 205 | } 206 | 207 | @media(max-width: 900px) { 208 | #toggle { 209 | visibility: visible; 210 | opacity: 1; 211 | margin-top: 6px; 212 | margin-right: 4px; 213 | } 214 | 215 | nav #brand { 216 | margin-left: 10px; 217 | } 218 | 219 | #resize ul li a { 220 | font-size: 15px; 221 | font-family: "Poppins" !important; 222 | font-weight: lighter !important; 223 | color: rgb(156, 156, 156) !important; 224 | transition: all 500ms ease-out; 225 | } 226 | 227 | nav #menu { 228 | display: none; 229 | } 230 | } 231 | 232 | @media(min-width: 900px) { 233 | #resize { 234 | visibility: hidden !important; 235 | } 236 | } 237 | 238 | /*--------------- about section starts --------------- */ 239 | 240 | .content { 241 | position: absolute; 242 | margin-top: 100vh; 243 | width: 100%; 244 | } 245 | 246 | section { 247 | padding: 140px 0; 248 | } 249 | 250 | .section-index { 251 | color: #d3ae87; 252 | font-weight: bolder; 253 | font-size: 20px; 254 | font-family: Poppins !important; 255 | } 256 | 257 | .section-heading { 258 | color: grey; 259 | text-transform: uppercase; 260 | letter-spacing: 4px; 261 | font-size: 18px; 262 | } 263 | 264 | .section-subheading { 265 | color: grey; 266 | margin: 10px 0; 267 | } 268 | 269 | .section-info { 270 | font-size: 24px; 271 | color: grey; 272 | } 273 | 274 | .more { 275 | margin: 40px 0; 276 | } 277 | 278 | button { 279 | background: none; 280 | border: .3pt solid rgba(184, 140, 93, 0.7); 281 | text-transform: uppercase !important; 282 | font-size: 12px !important; 283 | letter-spacing: 2px; 284 | padding: 18px 36px; 285 | } 286 | 287 | /*--------------- services section starts --------------- */ 288 | 289 | .services { 290 | background: #161616; 291 | } 292 | 293 | .service { 294 | margin: 30px 0; 295 | } 296 | 297 | .icon ion-icon { 298 | font-size: 36px; 299 | color: #d3ae87; 300 | } 301 | 302 | .icon-title { 303 | font-size: 28px; 304 | margin-bottom: 4px; 305 | color: rgb(182, 182, 182); 306 | font-weight: lighter; 307 | } 308 | 309 | /*--------------- our team section starts --------------- */ 310 | 311 | .team-member, .team-img { 312 | position: relative; 313 | } 314 | 315 | .team-img { 316 | background: grey; 317 | height: 340px; 318 | } 319 | 320 | .members { 321 | margin: 50px 0; 322 | } 323 | 324 | .team-title { 325 | margin: 20px 0; 326 | } 327 | 328 | .team-title h5 { 329 | font-size: 28px; 330 | } 331 | 332 | .team-title span { 333 | font-size: 20px; 334 | } 335 | 336 | .team-member { 337 | overflow: hidden; 338 | } 339 | 340 | .team-one { 341 | background: url(team-one.jpg) no-repeat 50% 50%; 342 | background-size: cover; 343 | } 344 | 345 | .team-two { 346 | background: url(team-two.jpg) no-repeat 50% 50%; 347 | background-size: cover; 348 | } 349 | 350 | /*--------------- newsletter section starts --------------- */ 351 | 352 | .newsletter { 353 | padding: 140px 0; 354 | background: #161616; 355 | } 356 | 357 | .newsletter input { 358 | text-transform: uppercase; 359 | } 360 | 361 | .newsletter .news-data { 362 | max-width: 650px; 363 | margin: 0 auto; 364 | text-align: center; 365 | position: relative; 366 | } 367 | 368 | .newsletter h1 { 369 | color: #fff; 370 | margin-bottom: 40px; 371 | } 372 | 373 | .newsletter .form-control { 374 | height: 50px; 375 | border-color: #fff; 376 | border-radius: 0 !important; 377 | } 378 | 379 | .form-control:focus { 380 | box-shadow: none !important; 381 | border: none !important; 382 | } 383 | 384 | ::placeholder { 385 | letter-spacing: 4px; 386 | } 387 | 388 | .newsletter .btn { 389 | min-height: 50px; 390 | padding: 0 30px; 391 | border-radius: 0; 392 | background: #000; 393 | color: #fff; 394 | font-size: 12px; 395 | font-weight: 600; 396 | text-transform: uppercase; 397 | font-family: Poppins !important; 398 | } 399 | 400 | /*--------------- contact section starts here --------------- */ 401 | 402 | #contact-form { 403 | margin: 5% 0; 404 | } 405 | 406 | .contact .icon-title { 407 | margin-top: 10px; 408 | color: #000; 409 | } 410 | 411 | #contact-form ul { 412 | list-style: none; 413 | margin-bottom: 40px; 414 | border-radius: 0; 415 | } 416 | 417 | #contact-form li:last-of-type { 418 | border-bottom: none; 419 | } 420 | 421 | #contact-form label { 422 | display: block; 423 | font-size: 22px; 424 | color: rgb(97, 97, 97); 425 | } 426 | 427 | #contact-form input, #contact-form textarea { 428 | width: 100%; 429 | padding: 5px; 430 | border: none; 431 | resize: vertical; 432 | background: transparent; 433 | color: #101010; 434 | font-weight: bolder; 435 | } 436 | 437 | input:focus { 438 | outline: none !important; 439 | border: none !important; 440 | } 441 | 442 | textarea:focus { 443 | outline: none !important; 444 | border: none !important; 445 | } 446 | 447 | .textarea { 448 | border-bottom: 1px solid #c9c9c9; 449 | } 450 | 451 | @media(max-width: 900px) { 452 | #contact-form { 453 | margin: 5% 0; 454 | width: 98%; 455 | } 456 | } 457 | 458 | /*--------------- footer section starts here --------------- */ 459 | 460 | .footer { 461 | background: #161616; 462 | } 463 | 464 | #media, #address, #mail { 465 | text-align: center !important; 466 | } 467 | 468 | .footer .container { 469 | padding: 160px 0; 470 | } 471 | 472 | .footer li, p, h4 { 473 | font-size: 24px !important; 474 | } 475 | 476 | .footer h4 { 477 | font-weight: lighter; 478 | color: #fff; 479 | } 480 | 481 | .footer p { 482 | color: grey; 483 | font-weight: lighter; 484 | } 485 | 486 | .footer li { 487 | font-weight: lighter; 488 | color: #fff; 489 | padding-left: 20px; 490 | font-size: 18px !important; 491 | } 492 | 493 | #media ul { 494 | list-style: none; 495 | } 496 | 497 | #media ul li { 498 | display: inline-block; 499 | } 500 | 501 | @media(max-width: 900px) { 502 | .footer .container { 503 | width: 92% !important; 504 | } 505 | } 506 | -------------------------------------------------------------------------------- /team-one.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codegridweb/Complete-Single-Page-Corporate-Website/de495009ecd6f2d658c75b43567c214996c9a4ad/team-one.jpg -------------------------------------------------------------------------------- /team-two.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codegridweb/Complete-Single-Page-Corporate-Website/de495009ecd6f2d658c75b43567c214996c9a4ad/team-two.jpg -------------------------------------------------------------------------------- /videobg.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codegridweb/Complete-Single-Page-Corporate-Website/de495009ecd6f2d658c75b43567c214996c9a4ad/videobg.mp4 --------------------------------------------------------------------------------