Bläddra i källkod

Latest Update

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

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

+ 41
- 0
_mixins.scss Visa fil

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

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

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

Binär
images/amazon.png Visa fil

Före Efter
Bredd: 346  |  Höjd: 105  |  Storlek: 17 KiB

+ 1
- 0
images/call.svg Visa fil

@@ -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är
images/cart.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 897 B

+ 10
- 0
images/chevron-forward.svg Visa fil

@@ -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är
images/circular-wall-clock.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 796 B

Binär
images/cisco.png Visa fil

Före Efter
Bredd: 316  |  Höjd: 166  |  Storlek: 13 KiB

Binär
images/document.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 577 B

Binär
images/dollar.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 812 B

Binär
images/facebook.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 370 B

+ 1
- 0
images/facebook.svg Visa fil

@@ -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är
images/google.png Visa fil

Före Efter
Bredd: 335  |  Höjd: 109  |  Storlek: 16 KiB

+ 1
- 0
images/google.svg Visa fil

@@ -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är
images/headphones.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 1.9 KiB

Binär
images/instagram.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 575 B

Binär
images/intel.png Visa fil

Före Efter
Bredd: 244  |  Höjd: 161  |  Storlek: 15 KiB

+ 1
- 0
images/linkedin.svg Visa fil

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

@@ -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är
images/logo-2.png Visa fil

Före Efter
Bredd: 488  |  Höjd: 98  |  Storlek: 8.5 KiB

Binär
images/logo.png Visa fil

Före Efter
Bredd: 514  |  Höjd: 98  |  Storlek: 4.8 KiB

Binär
images/love-hand-drawn-heart-symbol-outline.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 2.0 KiB

Binär
images/magnifying-glass.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 1.9 KiB

+ 1
- 0
images/mail.svg Visa fil

@@ -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är
images/map-pin.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 676 B

Binär
images/pexels-karolina-grabowska-5882705.jpg Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1280  |  Storlek: 145 KiB

Binär
images/phone.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 547 B

Binär
images/pie-chart.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 1.9 KiB

Binär
images/samsung.png Visa fil

Före Efter
Bredd: 375  |  Höjd: 124  |  Storlek: 15 KiB

Binär
images/staff-1.webp Visa fil

Före Efter

Binär
images/staff-2.jpeg Visa fil

Före Efter
Bredd: 1000  |  Höjd: 1500  |  Storlek: 137 KiB

Binär
images/staff-3.webp Visa fil

Före Efter

Binär
images/staff-4.jpeg Visa fil

Före Efter
Bredd: 1002  |  Höjd: 1500  |  Storlek: 83 KiB

Binär
images/support.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 1.9 KiB

+ 1
- 0
images/time.svg Visa fil

@@ -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är
images/trophy.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 2.0 KiB

Binär
images/twitter.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 527 B

+ 1
- 0
images/twitter.svg Visa fil

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

@@ -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
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 1
- 0
style.css.map
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 1188
- 0
style.scss
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


Laddar…
Avbryt
Spara