ソースを参照

Latest Update

master
Bharath Kumar 3年前
コミット
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
ファイル差分が大きすぎるため省略します
ファイルの表示


読み込み中…
キャンセル
保存