Procházet zdrojové kódy

Latest Update

master
Bharath Kumar před 3 roky
revize
4b50382cd3
44 změnil soubory, kde provedl 3084 přidání a 0 odebrání
  1. +6
    -0
      _breakpoints.scss
  2. +41
    -0
      _mixins.scss
  3. +34
    -0
      _reset.scss
  4. +4
    -0
      _variables.scss
  5. binární
      images/amazon.png
  6. +1
    -0
      images/call.svg
  7. binární
      images/cart.png
  8. +10
    -0
      images/chevron-forward.svg
  9. binární
      images/circular-wall-clock.png
  10. binární
      images/cisco.png
  11. binární
      images/document.png
  12. binární
      images/dollar.png
  13. binární
      images/facebook.png
  14. +1
    -0
      images/facebook.svg
  15. binární
      images/google.png
  16. +1
    -0
      images/google.svg
  17. binární
      images/headphones.png
  18. binární
      images/instagram.png
  19. binární
      images/intel.png
  20. +1
    -0
      images/linkedin.svg
  21. +1
    -0
      images/location.svg
  22. binární
      images/logo-2.png
  23. binární
      images/logo.png
  24. binární
      images/love-hand-drawn-heart-symbol-outline.png
  25. binární
      images/magnifying-glass.png
  26. +1
    -0
      images/mail.svg
  27. binární
      images/map-pin.png
  28. binární
      images/pexels-karolina-grabowska-5882705.jpg
  29. binární
      images/phone.png
  30. binární
      images/pie-chart.png
  31. binární
      images/samsung.png
  32. binární
      images/staff-1.webp
  33. binární
      images/staff-2.jpeg
  34. binární
      images/staff-3.webp
  35. binární
      images/staff-4.jpeg
  36. binární
      images/support.png
  37. +1
    -0
      images/time.svg
  38. binární
      images/trophy.png
  39. binární
      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 Zobrazit soubor

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

+ 41
- 0
_mixins.scss Zobrazit soubor

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

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

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

binární
images/amazon.png Zobrazit soubor

Před Za
Šířka: 346  |  Výška: 105  |  Velikost: 17 KiB

+ 1
- 0
images/call.svg Zobrazit soubor

@@ -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ární
images/cart.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 897 B

+ 10
- 0
images/chevron-forward.svg Zobrazit soubor

@@ -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ární
images/circular-wall-clock.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 796 B

binární
images/cisco.png Zobrazit soubor

Před Za
Šířka: 316  |  Výška: 166  |  Velikost: 13 KiB

binární
images/document.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 577 B

binární
images/dollar.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 812 B

binární
images/facebook.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 370 B

+ 1
- 0
images/facebook.svg Zobrazit soubor

@@ -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ární
images/google.png Zobrazit soubor

Před Za
Šířka: 335  |  Výška: 109  |  Velikost: 16 KiB

+ 1
- 0
images/google.svg Zobrazit soubor

@@ -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ární
images/headphones.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 1.9 KiB

binární
images/instagram.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 575 B

binární
images/intel.png Zobrazit soubor

Před Za
Šířka: 244  |  Výška: 161  |  Velikost: 15 KiB

+ 1
- 0
images/linkedin.svg Zobrazit soubor

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

@@ -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ární
images/logo-2.png Zobrazit soubor

Před Za
Šířka: 488  |  Výška: 98  |  Velikost: 8.5 KiB

binární
images/logo.png Zobrazit soubor

Před Za
Šířka: 514  |  Výška: 98  |  Velikost: 4.8 KiB

binární
images/love-hand-drawn-heart-symbol-outline.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 2.0 KiB

binární
images/magnifying-glass.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 1.9 KiB

+ 1
- 0
images/mail.svg Zobrazit soubor

@@ -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ární
images/map-pin.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 676 B

binární
images/pexels-karolina-grabowska-5882705.jpg Zobrazit soubor

Před Za
Šířka: 1920  |  Výška: 1280  |  Velikost: 145 KiB

binární
images/phone.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 547 B

binární
images/pie-chart.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 1.9 KiB

binární
images/samsung.png Zobrazit soubor

Před Za
Šířka: 375  |  Výška: 124  |  Velikost: 15 KiB

binární
images/staff-1.webp Zobrazit soubor

Před Za

binární
images/staff-2.jpeg Zobrazit soubor

Před Za
Šířka: 1000  |  Výška: 1500  |  Velikost: 137 KiB

binární
images/staff-3.webp Zobrazit soubor

Před Za

binární
images/staff-4.jpeg Zobrazit soubor

Před Za
Šířka: 1002  |  Výška: 1500  |  Velikost: 83 KiB

binární
images/support.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 1.9 KiB

+ 1
- 0
images/time.svg Zobrazit soubor

@@ -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ární
images/trophy.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 2.0 KiB

binární
images/twitter.png Zobrazit soubor

Před Za
Šířka: 32  |  Výška: 32  |  Velikost: 527 B

+ 1
- 0
images/twitter.svg Zobrazit soubor

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

@@ -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
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


+ 1
- 0
style.css.map
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


+ 1188
- 0
style.scss
Diff nebyl zobrazen, protože je příliš veliký
Zobrazit soubor


Načítá se…
Zrušit
Uložit