Bharath Kumar 3 лет назад
Сommit
4b50382cd3
44 измененных файлов: 3084 добавлений и 0 удалений
  1. +6
    -0
      _breakpoints.scss
  2. +41
    -0
      _mixins.scss
  3. +34
    -0
      _reset.scss
  4. +4
    -0
      _variables.scss
  5. Двоичные данные
      images/amazon.png
  6. +1
    -0
      images/call.svg
  7. Двоичные данные
      images/cart.png
  8. +10
    -0
      images/chevron-forward.svg
  9. Двоичные данные
      images/circular-wall-clock.png
  10. Двоичные данные
      images/cisco.png
  11. Двоичные данные
      images/document.png
  12. Двоичные данные
      images/dollar.png
  13. Двоичные данные
      images/facebook.png
  14. +1
    -0
      images/facebook.svg
  15. Двоичные данные
      images/google.png
  16. +1
    -0
      images/google.svg
  17. Двоичные данные
      images/headphones.png
  18. Двоичные данные
      images/instagram.png
  19. Двоичные данные
      images/intel.png
  20. +1
    -0
      images/linkedin.svg
  21. +1
    -0
      images/location.svg
  22. Двоичные данные
      images/logo-2.png
  23. Двоичные данные
      images/logo.png
  24. Двоичные данные
      images/love-hand-drawn-heart-symbol-outline.png
  25. Двоичные данные
      images/magnifying-glass.png
  26. +1
    -0
      images/mail.svg
  27. Двоичные данные
      images/map-pin.png
  28. Двоичные данные
      images/pexels-karolina-grabowska-5882705.jpg
  29. Двоичные данные
      images/phone.png
  30. Двоичные данные
      images/pie-chart.png
  31. Двоичные данные
      images/samsung.png
  32. Двоичные данные
      images/staff-1.webp
  33. Двоичные данные
      images/staff-2.jpeg
  34. Двоичные данные
      images/staff-3.webp
  35. Двоичные данные
      images/staff-4.jpeg
  36. Двоичные данные
      images/support.png
  37. +1
    -0
      images/time.svg
  38. Двоичные данные
      images/trophy.png
  39. Двоичные данные
      images/twitter.png
  40. +1
    -0
      images/twitter.svg
  41. +620
    -0
      index.html
  42. +1172
    -0
      style.css
  43. +1
    -0
      style.css.map
  44. +1188
    -0
      style.scss

+ 6
- 0
_breakpoints.scss Просмотреть файл

@@ -0,0 +1,6 @@
$breakpoints: ("mobile":450px);
@mixin mobile {
@media (max-width: map-get($breakpoints, "mobile")) {
@content;
}
}

+ 41
- 0
_mixins.scss Просмотреть файл

@@ -0,0 +1,41 @@
@import "_breakpoints";

@mixin container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
@mixin flex-row {
display: flex;
flex-direction: row;
}
@mixin flex-column {
display: flex;
flex-direction: column;
}
@mixin flex-center {
display: flex;
justify-content: center;
align-items: center;
}
@mixin content-box-hover {
background-image: url(images/pexels-karolina-grabowska-5882705.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;

.content-box-items {
position: relative;
z-index: 1;
color: white;

h3 {
color: white;
}
}

.overlay-blue {
opacity: 0.8;
}
}

+ 34
- 0
_reset.scss Просмотреть файл

@@ -0,0 +1,34 @@
@import "_mixins";

*, body{
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
font-family: Roboto;
}

p{
opacity: 0.8;
}
.container{
@include container;
}
img{
width: 100%;
}
.overlay-blue {
width: 100%;
height: 100%;
background-color: $secondary-color;
opacity: 0.8;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
a{
text-decoration: none;
}


+ 4
- 0
_variables.scss Просмотреть файл

@@ -0,0 +1,4 @@
$primary-color: #652EE1;
$secondary-color: #221543;
$tertiary-color: #103660;
$quaternary-color: #EEEFF3;

Двоичные данные
images/amazon.png Просмотреть файл

До После
Ширина: 346  |  Высота: 105  |  Размер: 17 KiB

+ 1
- 0
images/call.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512" fill="#ffffff"><title>Call</title><path d="M391 480c-19.52 0-46.94-7.06-88-30-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0128.64-15.2c1-.43 1.93-.84 2.76-1.21 4.95-2.23 12.45-5.6 21.95-2 6.34 2.38 12 7.25 20.86 16 18.17 17.92 43 57.83 52.16 77.43 6.15 13.21 10.22 21.93 10.23 31.71 0 11.45-5.76 20.28-12.75 29.81-1.31 1.79-2.61 3.5-3.87 5.16-7.61 10-9.28 12.89-8.18 18.05 2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47 1.48-1.13 3-2.3 4.59-3.47 10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18 18 9.08 59.11 33.59 77.14 51.78 8.77 8.84 13.66 14.48 16.05 20.81 3.6 9.53.21 17-2 22-.37.83-.78 1.74-1.21 2.75a176.49 176.49 0 01-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.42 67.42 0 01391 480z"/></svg>

Двоичные данные
images/cart.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 897 B

+ 10
- 0
images/chevron-forward.svg Просмотреть файл

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#ffffff;stroke-width:48;stroke-linecap:round;stroke-linejoin:round;}
</style>
<path class="st0" d="M152,112l144,144L152,400"/>
<path class="st0" d="M242.9,112l144,144l-144,144"/>
</svg>

Двоичные данные
images/circular-wall-clock.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 796 B

Двоичные данные
images/cisco.png Просмотреть файл

До После
Ширина: 316  |  Высота: 166  |  Размер: 13 KiB

Двоичные данные
images/document.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 577 B

Двоичные данные
images/dollar.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 812 B

Двоичные данные
images/facebook.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 370 B

+ 1
- 0
images/facebook.svg Просмотреть файл

@@ -0,0 +1 @@
<?xml version="1.0"?><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2 C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z"/></svg>

Двоичные данные
images/google.png Просмотреть файл

До После
Ширина: 335  |  Высота: 109  |  Размер: 16 KiB

+ 1
- 0
images/google.svg Просмотреть файл

@@ -0,0 +1 @@
<?xml version="1.0"?><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z"/></svg>

Двоичные данные
images/headphones.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 1.9 KiB

Двоичные данные
images/instagram.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 575 B

Двоичные данные
images/intel.png Просмотреть файл

До После
Ширина: 244  |  Высота: 161  |  Размер: 15 KiB

+ 1
- 0
images/linkedin.svg Просмотреть файл

@@ -0,0 +1 @@
<?xml version="1.0"?><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px" height="24px"> <path d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z"/></svg>

+ 1
- 0
images/location.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512" fill="#ffffff"><title>Location</title><circle cx="256" cy="192" r="32"/><path d="M256 32c-88.22 0-160 68.65-160 153 0 40.17 18.31 93.59 54.42 158.78 29 52.34 62.55 99.67 80 123.22a31.75 31.75 0 0051.22 0c17.42-23.55 51-70.88 80-123.22C397.69 278.61 416 225.19 416 185c0-84.35-71.78-153-160-153zm0 224a64 64 0 1164-64 64.07 64.07 0 01-64 64z"/></svg>

Двоичные данные
images/logo-2.png Просмотреть файл

До После
Ширина: 488  |  Высота: 98  |  Размер: 8.5 KiB

Двоичные данные
images/logo.png Просмотреть файл

До После
Ширина: 514  |  Высота: 98  |  Размер: 4.8 KiB

Двоичные данные
images/love-hand-drawn-heart-symbol-outline.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 2.0 KiB

Двоичные данные
images/magnifying-glass.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 1.9 KiB

+ 1
- 0
images/mail.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512" fill="#ffffff"><title>Mail</title><path d="M424 80H88a56.06 56.06 0 00-56 56v240a56.06 56.06 0 0056 56h336a56.06 56.06 0 0056-56V136a56.06 56.06 0 00-56-56zm-14.18 92.63l-144 112a16 16 0 01-19.64 0l-144-112a16 16 0 1119.64-25.26L256 251.73l134.18-104.36a16 16 0 0119.64 25.26z"/></svg>

Двоичные данные
images/map-pin.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 676 B

Двоичные данные
images/pexels-karolina-grabowska-5882705.jpg Просмотреть файл

До После
Ширина: 1920  |  Высота: 1280  |  Размер: 145 KiB

Двоичные данные
images/phone.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 547 B

Двоичные данные
images/pie-chart.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 1.9 KiB

Двоичные данные
images/samsung.png Просмотреть файл

До После
Ширина: 375  |  Высота: 124  |  Размер: 15 KiB

Двоичные данные
images/staff-1.webp Просмотреть файл

До После

Двоичные данные
images/staff-2.jpeg Просмотреть файл

До После
Ширина: 1000  |  Высота: 1500  |  Размер: 137 KiB

Двоичные данные
images/staff-3.webp Просмотреть файл

До После

Двоичные данные
images/staff-4.jpeg Просмотреть файл

До После
Ширина: 1002  |  Высота: 1500  |  Размер: 83 KiB

Двоичные данные
images/support.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 1.9 KiB

+ 1
- 0
images/time.svg Просмотреть файл

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512" fill="#fff"><title>Time</title><path d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm96 240h-96a16 16 0 01-16-16V128a16 16 0 0132 0v128h80a16 16 0 010 32z"/></svg>

Двоичные данные
images/trophy.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 2.0 KiB

Двоичные данные
images/twitter.png Просмотреть файл

До После
Ширина: 32  |  Высота: 32  |  Размер: 527 B

+ 1
- 0
images/twitter.svg Просмотреть файл

@@ -0,0 +1 @@
<?xml version="1.0"?><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path d="M22,3.999c-0.78,0.463-2.345,1.094-3.265,1.276c-0.027,0.007-0.049,0.016-0.075,0.023c-0.813-0.802-1.927-1.299-3.16-1.299 c-2.485,0-4.5,2.015-4.5,4.5c0,0.131-0.011,0.372,0,0.5c-3.353,0-5.905-1.756-7.735-4c-0.199,0.5-0.286,1.29-0.286,2.032 c0,1.401,1.095,2.777,2.8,3.63c-0.314,0.081-0.66,0.139-1.02,0.139c-0.581,0-1.196-0.153-1.759-0.617c0,0.017,0,0.033,0,0.051 c0,1.958,2.078,3.291,3.926,3.662c-0.375,0.221-1.131,0.243-1.5,0.243c-0.26,0-1.18-0.119-1.426-0.165 c0.514,1.605,2.368,2.507,4.135,2.539c-1.382,1.084-2.341,1.486-5.171,1.486H2C3.788,19.145,6.065,20,8.347,20 C15.777,20,20,14.337,20,8.999c0-0.086-0.002-0.266-0.005-0.447C19.995,8.534,20,8.517,20,8.499c0-0.027-0.008-0.053-0.008-0.08 c-0.003-0.136-0.006-0.263-0.009-0.329c0.79-0.57,1.475-1.281,2.017-2.091c-0.725,0.322-1.503,0.538-2.32,0.636 C20.514,6.135,21.699,4.943,22,3.999z"/></svg>

+ 620
- 0
index.html Просмотреть файл

@@ -0,0 +1,620 @@
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Financial</title>
</head>

<body>

<input type="checkbox" id="menu">

<label for="menu" class="hamburger-menu">
<div class="patty"></div>
</label>
<header id="header">
<div class="top-bar">
<div class="container">
<h5>Welcome to Financial Services Consultant!</h5>
<select name="" id="lang">
<option value="">English</option>
<option value="">Dutch</option>
<option value="">French</option>
</select>
<div class="social">
<a href="">
<figure>
<img src="images/facebook.png" alt="Facebook">
</figure>
</a>
<a href="">
<figure>
<img src="images/twitter.png" alt="Twitter">
</figure>
</a>
<a href="">
<figure>
<img src="images/instagram.png" alt="Instagram">
</figure>
</a>
</div>
<div class="top-bar-button">
<a href="">Get a Quote</a>
</div>
</div>
</div>
<div class="mid-bar">
<div class="container">
<figure class="logo">
<img src="images/logo.png" alt="Logo">
</figure>
<div class="contact-details">
<figure class="left-icon">
<img src="images/phone.png" alt="Logo">
</figure>
<div class="details">
<h4>001-1234-88888</h4>
<p>info@domainname.com</p>
</div>
</div>
<div class="contact-details">
<figure class="left-icon">
<img src="images/map-pin.png" alt="Logo">
</figure>
<div class="details">
<h4>#123, Nagarbhavi</h4>
<p>Bangalore, KA, IN</p>
</div>
</div>
<div class="contact-details">
<figure class="left-icon">
<img src="images/circular-wall-clock.png" alt="Logo">
</figure>
<div class="details">
<h4>8:00 AM - 6:00 PM</h4>
<p>Monday to Friday</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="overlay"></div>
<div class="navbar">
<nav class="menu">
<a href="" class="active">Home</a>
<a href="">About Us</a>
<a href="">Services</a>
<a href="">Pages</a>
<a href="">Projects</a>
<a href="">News</a>
<a href="">Shop</a>
<a href="">Contact</a>
</nav>
<div class="search">
<input type="text" placeholder="Search">
<button>
<figure>
<img src="images/magnifying-glass.png" alt="">
</figure>
</button>
</div>
<a href="" class="cart">
<figure>
<img src="images/cart.png" alt="">
</figure>
</a>
</div>
</div>
</header>
<section class="upfold">
<figure>
<img src="images/pexels-karolina-grabowska-5882705.jpg" alt="">
</figure>
<div class="upfold-text">
<div class="container">
<h1>Communication is the key for any Global Business</h1>
<div class="upfold-links">
<a href="">About Us</a>
<a href="">Our Services</a>
</div>
</div>
</div>
</section>
<section class="get-quote">
<div class="container">
<div class="get-quote-text">
<h2>Would you like to speak to one of our wealth advisers?</h2>
<p>Just submit your contact details and we'll be in touch shortly.</p>
</div>
<div>
<div class="get-quote-button">
<a href="">Get Quote</a>
</div>
</div>
</section>
<section class="about">
<div class="container">
<div class="about-text">
<h2 class="heading">About Us</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</p>
</div>
<div class="services-short">
<div class="content-box">
<div class="overlay-blue"></div>
<div class="content-box-items">
<figure>
<img src="images/dollar.png" alt="">
</figure>
<h3>Financial Projection</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo
consequat.
</p>
</div>
</div>
<div class="content-box">
<div class="overlay-blue"></div>
<div class="content-box-items">
<figure>
<img src="images/dollar.png" alt="">
</figure>
<h3>Financial Projection</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo
consequat.
</p>
</div>
</div>
<div class="content-box">
<div class="overlay-blue"></div>
<div class="content-box-items">
<figure>
<img src="images/dollar.png" alt="">
</figure>
<h3>Financial Projection</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="progress-report">
<div class="overlay-blue"></div>
<div class="container">
<div class="progress-report-text">
<h2>We advise you, you call the right decision!</h2>
<p>We help enterpreneurs get their act together before they talk to investors.</p>
</div>
<div class="progress-report-blocks">
<div class="progress-box">
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<h2>90</h2>
<p>Companies consulted</p>
</div>
<div class="progress-box">
<figure>
<img src="images/headphones.png" alt="">
</figure>
<h2>120</h2>
<p>Consultants</p>
</div>
<div class="progress-box">
<figure>
<img src="images/trophy.png" alt="">
</figure>
<h2>50</h2>
<p>Awards Winning</p>
</div>
<div class="progress-box">
<figure>
<img src="images/love-hand-drawn-heart-symbol-outline.png" alt="">
</figure>
<h2>240</h2>
<p>Satisfied Customers</p>
</div>
</div>
</div>
</section>
<section class="industries">
<div class="container">
<h2 class="heading">Our Industries</h2>
<ul class="industry-list">
<li>
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<div class="industry-list-text">
<h3>Corporate Finance</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</li>
<li>
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<div class="industry-list-text">
<h3>Corporate Finance</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</li>
<li>
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<div class="industry-list-text">
<h3>Corporate Finance</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</li>
<li>
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<div class="industry-list-text">
<h3>Corporate Finance</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</li>
<li>
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<div class="industry-list-text">
<h3>Corporate Finance</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</li>
<li>
<figure>
<img src="images/pie-chart.png" alt="">
</figure>
<div class="industry-list-text">
<h3>Corporate Finance</h3>
<p>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</li>
</ul>
</div>
</section>
<section class="team">
<div class="container">
<div class="heading-2">
<h2>Meet Our Team</h2>
<p>We are here to Acelerate your business and help you find the way.</p>
</div>
<ul class="staffs">
<li>
<figure class="staff-photo">
<img src="images/staff-1.webp" alt="">
</figure>
<div class="staff-details">
<h4>Jackson Nash</h4>
<p>Tax Advice</p>
</div>
<div class="staff-social-media">
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2 C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M22,3.999c-0.78,0.463-2.345,1.094-3.265,1.276c-0.027,0.007-0.049,0.016-0.075,0.023c-0.813-0.802-1.927-1.299-3.16-1.299 c-2.485,0-4.5,2.015-4.5,4.5c0,0.131-0.011,0.372,0,0.5c-3.353,0-5.905-1.756-7.735-4c-0.199,0.5-0.286,1.29-0.286,2.032 c0,1.401,1.095,2.777,2.8,3.63c-0.314,0.081-0.66,0.139-1.02,0.139c-0.581,0-1.196-0.153-1.759-0.617c0,0.017,0,0.033,0,0.051 c0,1.958,2.078,3.291,3.926,3.662c-0.375,0.221-1.131,0.243-1.5,0.243c-0.26,0-1.18-0.119-1.426-0.165 c0.514,1.605,2.368,2.507,4.135,2.539c-1.382,1.084-2.341,1.486-5.171,1.486H2C3.788,19.145,6.065,20,8.347,20 C15.777,20,20,14.337,20,8.999c0-0.086-0.002-0.266-0.005-0.447C19.995,8.534,20,8.517,20,8.499c0-0.027-0.008-0.053-0.008-0.08 c-0.003-0.136-0.006-0.263-0.009-0.329c0.79-0.57,1.475-1.281,2.017-2.091c-0.725,0.322-1.503,0.538-2.32,0.636 C20.514,6.135,21.699,4.943,22,3.999z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<path
d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px"
height="24px">
<path
d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z" />
</svg>
</figure>
</a>
</div>
</li>
<li>
<figure class="staff-photo">
<img src="images/staff-2.jpeg" alt="">
</figure>
<div class="staff-details">
<h4>Jackson Nash</h4>
<p>Tax Advice</p>
</div>
<div class="staff-social-media">
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2 C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M22,3.999c-0.78,0.463-2.345,1.094-3.265,1.276c-0.027,0.007-0.049,0.016-0.075,0.023c-0.813-0.802-1.927-1.299-3.16-1.299 c-2.485,0-4.5,2.015-4.5,4.5c0,0.131-0.011,0.372,0,0.5c-3.353,0-5.905-1.756-7.735-4c-0.199,0.5-0.286,1.29-0.286,2.032 c0,1.401,1.095,2.777,2.8,3.63c-0.314,0.081-0.66,0.139-1.02,0.139c-0.581,0-1.196-0.153-1.759-0.617c0,0.017,0,0.033,0,0.051 c0,1.958,2.078,3.291,3.926,3.662c-0.375,0.221-1.131,0.243-1.5,0.243c-0.26,0-1.18-0.119-1.426-0.165 c0.514,1.605,2.368,2.507,4.135,2.539c-1.382,1.084-2.341,1.486-5.171,1.486H2C3.788,19.145,6.065,20,8.347,20 C15.777,20,20,14.337,20,8.999c0-0.086-0.002-0.266-0.005-0.447C19.995,8.534,20,8.517,20,8.499c0-0.027-0.008-0.053-0.008-0.08 c-0.003-0.136-0.006-0.263-0.009-0.329c0.79-0.57,1.475-1.281,2.017-2.091c-0.725,0.322-1.503,0.538-2.32,0.636 C20.514,6.135,21.699,4.943,22,3.999z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<path
d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px"
height="24px">
<path
d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z" />
</svg>
</figure>
</a>
</div>
</li>
<li>
<figure class="staff-photo">
<img src="images/staff-3.webp" alt="">
</figure>
<div class="staff-details">
<h4>Jackson Nash</h4>
<p>Tax Advice</p>
</div>
<div class="staff-social-media">
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2 C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M22,3.999c-0.78,0.463-2.345,1.094-3.265,1.276c-0.027,0.007-0.049,0.016-0.075,0.023c-0.813-0.802-1.927-1.299-3.16-1.299 c-2.485,0-4.5,2.015-4.5,4.5c0,0.131-0.011,0.372,0,0.5c-3.353,0-5.905-1.756-7.735-4c-0.199,0.5-0.286,1.29-0.286,2.032 c0,1.401,1.095,2.777,2.8,3.63c-0.314,0.081-0.66,0.139-1.02,0.139c-0.581,0-1.196-0.153-1.759-0.617c0,0.017,0,0.033,0,0.051 c0,1.958,2.078,3.291,3.926,3.662c-0.375,0.221-1.131,0.243-1.5,0.243c-0.26,0-1.18-0.119-1.426-0.165 c0.514,1.605,2.368,2.507,4.135,2.539c-1.382,1.084-2.341,1.486-5.171,1.486H2C3.788,19.145,6.065,20,8.347,20 C15.777,20,20,14.337,20,8.999c0-0.086-0.002-0.266-0.005-0.447C19.995,8.534,20,8.517,20,8.499c0-0.027-0.008-0.053-0.008-0.08 c-0.003-0.136-0.006-0.263-0.009-0.329c0.79-0.57,1.475-1.281,2.017-2.091c-0.725,0.322-1.503,0.538-2.32,0.636 C20.514,6.135,21.699,4.943,22,3.999z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<path
d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px"
height="24px">
<path
d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z" />
</svg>
</figure>
</a>
</div>
</li>
<li>
<figure class="staff-photo">
<img src="images/staff-4.jpeg" alt="">
</figure>
<div class="staff-details">
<h4>Jackson Nash</h4>
<p>Tax Advice</p>
</div>
<div class="staff-social-media">
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2 C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<script xmlns="" />
<path
d="M22,3.999c-0.78,0.463-2.345,1.094-3.265,1.276c-0.027,0.007-0.049,0.016-0.075,0.023c-0.813-0.802-1.927-1.299-3.16-1.299 c-2.485,0-4.5,2.015-4.5,4.5c0,0.131-0.011,0.372,0,0.5c-3.353,0-5.905-1.756-7.735-4c-0.199,0.5-0.286,1.29-0.286,2.032 c0,1.401,1.095,2.777,2.8,3.63c-0.314,0.081-0.66,0.139-1.02,0.139c-0.581,0-1.196-0.153-1.759-0.617c0,0.017,0,0.033,0,0.051 c0,1.958,2.078,3.291,3.926,3.662c-0.375,0.221-1.131,0.243-1.5,0.243c-0.26,0-1.18-0.119-1.426-0.165 c0.514,1.605,2.368,2.507,4.135,2.539c-1.382,1.084-2.341,1.486-5.171,1.486H2C3.788,19.145,6.065,20,8.347,20 C15.777,20,20,14.337,20,8.999c0-0.086-0.002-0.266-0.005-0.447C19.995,8.534,20,8.517,20,8.499c0-0.027-0.008-0.053-0.008-0.08 c-0.003-0.136-0.006-0.263-0.009-0.329c0.79-0.57,1.475-1.281,2.017-2.091c-0.725,0.322-1.503,0.538-2.32,0.636 C20.514,6.135,21.699,4.943,22,3.999z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"
height="24px">
<path
d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z" />
</svg>
</figure>
</a>
<a href="">
<figure>
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="24px"
height="24px">
<path
d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z" />
</svg>
</figure>
</a>
</div>
</li>
</ul>
</div>
</section>
<section class="quick-enquiry-form">
<div class="overlay-blue"></div>
<div class="container">
<div class="heading-2">
<h2>Request a call back</h2>
<p>Would you like to speak to one of our financial advisers? Just submit your contact details and we'll
be in touch shortly. You can also email us if you prefer that type of communication.</p>
</div>
<form action="">
<select name="" id="">
<option value=""> How can we help:*</option>
</select>
<input type="text" placeholder="Your Name:*">
<input type="text" name="" id="" placeholder="Phone Number:*">
<button>Submit</button>
</form>
</div>
</section>
<section class="clients">
<div class="container">
<figure>
<img src="images/google.png" alt="">
</figure>
<figure>
<img src="images/amazon.png" alt="">
</figure>
<figure>
<img src="images/cisco.png" alt="">
</figure>
<figure>
<img src="images/intel.png" alt="">
</figure>
<figure>
<img src="images/samsung.png" alt="">
</figure>
</div>
</section>
<footer>
<div class="container">
<div class="company-details">
<figure>
<img src="images/logo-2.png" alt="">
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.
</p>
<ul>
<li>
#123, NagarbhaviBangalore, KA, IN
</li>
<li>
001-1234-88888
</li>
<li>
info@domainname.com
</li>
</ul>
</div>
<div class="quick-links">
<h3>Our Links</h3>
<div class="links">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Services</a></li>
<li><a href="">Pages</a></li>
<li><a href="">Projects</a></li>
</ul>
<ul>
<li><a href="">News</a></li>
<li><a href="">Shop</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Support</a></li>
<li><a href="">Career</a></li>
</ul>
</div>
</div>
<div class="recent-news">
<h3>Recent News</h3>
<ul>
<li>
<h4>Colombia gets a Business Makeover</h4>
<h5>21 Aug 2022</h5>
</li>
<li>
<h4>Colombia gets a Business Makeover</h4>
<h5>21 Aug 2022</h5>
</li>
</ul>
</div>
<div class="newsletter">
<h3>Newsletter</h3>
<p>Subscribe our newsletter for get notification about new updates, etc.</p>
<form action="">
<input type="email" placeholder="Enter your Email ID">
<button>Subscribe</button>
</form>
</div>
</div>
</footer>
</body>

</html>

+ 1172
- 0
style.css
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


+ 1
- 0
style.css.map
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


+ 1188
- 0
style.scss
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


Загрузка…
Отмена
Сохранить