Browse Source

Latest Update

master
Bharath Kumar 3 years ago
commit
4b50382cd3
44 changed files with 3084 additions and 0 deletions
  1. +6
    -0
      _breakpoints.scss
  2. +41
    -0
      _mixins.scss
  3. +34
    -0
      _reset.scss
  4. +4
    -0
      _variables.scss
  5. BIN
      images/amazon.png
  6. +1
    -0
      images/call.svg
  7. BIN
      images/cart.png
  8. +10
    -0
      images/chevron-forward.svg
  9. BIN
      images/circular-wall-clock.png
  10. BIN
      images/cisco.png
  11. BIN
      images/document.png
  12. BIN
      images/dollar.png
  13. BIN
      images/facebook.png
  14. +1
    -0
      images/facebook.svg
  15. BIN
      images/google.png
  16. +1
    -0
      images/google.svg
  17. BIN
      images/headphones.png
  18. BIN
      images/instagram.png
  19. BIN
      images/intel.png
  20. +1
    -0
      images/linkedin.svg
  21. +1
    -0
      images/location.svg
  22. BIN
      images/logo-2.png
  23. BIN
      images/logo.png
  24. BIN
      images/love-hand-drawn-heart-symbol-outline.png
  25. BIN
      images/magnifying-glass.png
  26. +1
    -0
      images/mail.svg
  27. BIN
      images/map-pin.png
  28. BIN
      images/pexels-karolina-grabowska-5882705.jpg
  29. BIN
      images/phone.png
  30. BIN
      images/pie-chart.png
  31. BIN
      images/samsung.png
  32. BIN
      images/staff-1.webp
  33. BIN
      images/staff-2.jpeg
  34. BIN
      images/staff-3.webp
  35. BIN
      images/staff-4.jpeg
  36. BIN
      images/support.png
  37. +1
    -0
      images/time.svg
  38. BIN
      images/trophy.png
  39. BIN
      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 View File

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

+ 41
- 0
_mixins.scss View File

@@ -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 View File

@@ -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 View File

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

BIN
images/amazon.png View File

Before After
Width: 346  |  Height: 105  |  Size: 17 KiB

+ 1
- 0
images/call.svg View File

@@ -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>

BIN
images/cart.png View File

Before After
Width: 32  |  Height: 32  |  Size: 897 B

+ 10
- 0
images/chevron-forward.svg View File

@@ -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>

BIN
images/circular-wall-clock.png View File

Before After
Width: 32  |  Height: 32  |  Size: 796 B

BIN
images/cisco.png View File

Before After
Width: 316  |  Height: 166  |  Size: 13 KiB

BIN
images/document.png View File

Before After
Width: 32  |  Height: 32  |  Size: 577 B

BIN
images/dollar.png View File

Before After
Width: 32  |  Height: 32  |  Size: 812 B

BIN
images/facebook.png View File

Before After
Width: 32  |  Height: 32  |  Size: 370 B

+ 1
- 0
images/facebook.svg View File

@@ -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>

BIN
images/google.png View File

Before After
Width: 335  |  Height: 109  |  Size: 16 KiB

+ 1
- 0
images/google.svg View File

@@ -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>

BIN
images/headphones.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.9 KiB

BIN
images/instagram.png View File

Before After
Width: 32  |  Height: 32  |  Size: 575 B

BIN
images/intel.png View File

Before After
Width: 244  |  Height: 161  |  Size: 15 KiB

+ 1
- 0
images/linkedin.svg View File

@@ -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 View File

@@ -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>

BIN
images/logo-2.png View File

Before After
Width: 488  |  Height: 98  |  Size: 8.5 KiB

BIN
images/logo.png View File

Before After
Width: 514  |  Height: 98  |  Size: 4.8 KiB

BIN
images/love-hand-drawn-heart-symbol-outline.png View File

Before After
Width: 32  |  Height: 32  |  Size: 2.0 KiB

BIN
images/magnifying-glass.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.9 KiB

+ 1
- 0
images/mail.svg View File

@@ -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>

BIN
images/map-pin.png View File

Before After
Width: 32  |  Height: 32  |  Size: 676 B

BIN
images/pexels-karolina-grabowska-5882705.jpg View File

Before After
Width: 1920  |  Height: 1280  |  Size: 145 KiB

BIN
images/phone.png View File

Before After
Width: 32  |  Height: 32  |  Size: 547 B

BIN
images/pie-chart.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.9 KiB

BIN
images/samsung.png View File

Before After
Width: 375  |  Height: 124  |  Size: 15 KiB

BIN
images/staff-1.webp View File

Before After

BIN
images/staff-2.jpeg View File

Before After
Width: 1000  |  Height: 1500  |  Size: 137 KiB

BIN
images/staff-3.webp View File

Before After

BIN
images/staff-4.jpeg View File

Before After
Width: 1002  |  Height: 1500  |  Size: 83 KiB

BIN
images/support.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.9 KiB

+ 1
- 0
images/time.svg View File

@@ -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>

BIN
images/trophy.png View File

Before After
Width: 32  |  Height: 32  |  Size: 2.0 KiB

BIN
images/twitter.png View File

Before After
Width: 32  |  Height: 32  |  Size: 527 B

+ 1
- 0
images/twitter.svg View File

@@ -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 View File

@@ -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
File diff suppressed because it is too large
View File


+ 1
- 0
style.css.map
File diff suppressed because it is too large
View File


+ 1188
- 0
style.scss
File diff suppressed because it is too large
View File


Loading…
Cancel
Save