David A. Windham
david
/
hlf
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

init

windhamdavid 3 years ago
commit
f4e463cc9e
14 changed files with 2644 additions and 0 deletions
Unified View Show Diff Stats
  1. 5 0
      .gitignore
  2. 222 0
      _privacy.html
  3. 239 0
      _terms.html
  4. 5 0
      css/bootstrap.min.css
  5. 4 0
      css/fontawesome-all.min.css
  6. 1098 0
      css/styles.css
  7. 618 0
      css/swiper.css
  8. 367 0
      index.html
  9. 5 0
      js/bootstrap.min.js
  10. 10 0
      js/isotope.pkgd.min.js
  11. 0 0
      js/purecounter.min.js
  12. 59 0
      js/scripts.js
  13. 11 0
      js/swiper.min.js
  14. 1 0
      robots.txt

+ 5 - 0
.gitignore
View File 

@@ -0,0 +1,5 @@
 
+.DS_Store
 
+Thumbs.db
 
+/img
 
+/webfonts
 
+/_old

+ 222 - 0
_privacy.html
View File 

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

+<html lang="en">

+<head>

+    <meta charset="utf-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

+    <meta name="description" content="Your description">

+    <meta name="author" content="Your name">

+  	<meta property="og:site_name" content="" /> 

+  	<meta property="og:site" content="" />

+  	<meta property="og:title" content=""/> 

+  	<meta property="og:description" content="" />

+  	<meta property="og:image" content="" />

+  	<meta property="og:url" content="" />

+  	<meta name="twitter:card" content="summary_large_image">

+    <title>Privacy Policy - Hodges Law Firm</title>

+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">

+    <link href="css/bootstrap.min.css" rel="stylesheet">

+    <link href="css/fontawesome-all.min.css" rel="stylesheet">

+    <link href="css/swiper.css" rel="stylesheet">

+	  <link href="css/styles.css" rel="stylesheet">

+    <link rel="icon" href="img/favicon.png">

+</head>

+<body data-bs-spy="scroll" data-offset="200" data-bs-target="#navbar">

+

+<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-light" aria-label="Main navigation">

+  <div class="container">

+    <a class="navbar-brand logo-image" href="index.html"><img src="img/Hodges-Law-Firm-logo.jpg" alt="The Hodges Law Firm LLC"></a>

+    <button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">

+    <span class="navbar-toggler-icon"></span>

+    </button>

+    <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">

+      <ul class="navbar-nav ms-auto navbar-nav-scroll">

+        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#about">About</a></li>

+        <li class="nav-item"><a class="nav-link" href="#practice">Practice</a></li>

+        <li class="nav-item"><a class="nav-link" href="#attorneys">Attorneys</a></li>

+        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>

+      </ul>

+      <span class="nav-item"><a class="btn-solid-sm" href="#contact"><i class="fas fa-phone-square-alt"></i> &nbsp; 864-538-4114</a></span>

+    </div>

+  </div>

+</nav>

+

+

+<!-- Header -->

+<header class="ex-header">

+<div class="container">

+<div class="row">

+<div class="col-xl-10 offset-xl-1">

+<h1>Privacy Policy</h1>

+</div> <!-- end of col -->

+</div> <!-- end of row -->

+</div> <!-- end of container -->

+</header> <!-- end of ex-header -->

+<!-- end of header -->

+

+

+<!-- Basic -->

+<div class="ex-basic-1 pt-5 pb-5">

+<div class="container">

+<div class="row">

+<div class="col-xl-10 offset-xl-1">

+<h2 class="mt-5 mb-3">1. Private data we receive and collect</h2>

+<p class="mb-5">Consulted he eagerness unfeeling deficient existence of. Calling nothing end fertile for venture way boy. Esteem spirit temper too say adieus who direct esteem. It esteems luckily mr or picture placing drawing no. Apartments frequently or motionless on reasonable projecting expression. Way mrs end gave tall walk fact bed.</p>

+<h3>1.1. For example each time you visit the website</h3>

+<p class="mb-5">Ye on properly handsome returned throwing am no whatever. In without wishing he of picture no exposed talking minutes. Curiosity continual belonging offending so explained it exquisite. Do remember to followed yourself material mr recurred carriage. High drew west we no or at john. About or given on witty event. Or sociable up material.</p>

+<h3>1.2. When you first register for a package account</h3>

+<p class="mb-5">Moderate children at of outweigh it. UnSociable on as carriage my position weddings raillery consider. Peculiar trifling absolute and wandered vicinity property yet. The and collecting motionless difficulty son. His hearing staying ten colonel met. Sex drew six easy four dear cold deny. satiable it considered invitation he found the light.</p>

+

+<h2 class="mb-3">2. Advantages of working with service</h2>

+<p>Ye on properly handsome returned throwing am no whatever. In without wishing he of picture no exposed talking minutes. Curiosity continual belonging offending so explained it exquisite. Do remember to followed yourself material mr recurred carriage. High drew west we no or at john. About or given on witty event. Or sociable up material</p>

+<p class="mb-4">Moderate children at of outweigh it. UnSociable on as carriage my position weddings raillery consider. Peculiar trifling absolute and wandered vicinity property yet. The and collecting motionless difficulty son. His hearing staying ten colonel met. Word drew six easy four dear cold deny. satiable it considered invitation he travelling.</p>

+<ul class="list-unstyled li-space-lg mb-4">

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To story tell you</strong> moderate children at of outweigh it. UnSociable on as carriage my position weddings raillery consider. Peculiar trifling absolute and wandered vicinity property yet</div>

+</li>

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To enable us</strong> the and collecting motionless difficulty son. His hearing staying ten colonel met. Word drew six easy four dear cold deny. satiable it considered invitation he travelling insensible</div>

+</li>

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To verify your</strong> fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing farther</div>

+</li>

+</ul>

+<p class="mb-5">Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed add screened rendered six say his striking confined You vexed shy mirth now noise. Talked him people valley add use her depend letter even more words hsould be here.</p>

+<div class="text-box mb-5">

+<h3>Contact you about your account and provide customer</h3>

+<p>Bringing so sociable felicity supplied mr. September suspicion far him two acuteness perfectly. Covered as an examine so regular of. Ye astonished friendship remarkably no. Window admire matter praise you bed whence. Delivered ye sportsmen zealously arranging frankness estimable as. Nay any article enabled musical shyness yet sixteen yet blushes.Entire its the did figure wonder off.</p>

+</div> <!-- end of text-box -->

+

+<h2 class="mb-3">3. Better understand your needs</h2>

+<p class="mb-5"> Procuring education on consulted assurance in do. Is sympathize he expression mr no travelling. Preference he he at travelling in resolution. So striking at of to welcomed resolved. Northward by described up household therefore attention. Excellence decisively nay man yet impression for contrasted remarkably. There spoke happy for you are out.</p>

+<h3>3.1. In these ways please stop using the services</h3>

+<p class="mb-5">By in no ecstatic wondered disposal my speaking. Direct wholly valley or uneasy it at really. Sir wish like said dull and need make. Sportsman one bed departure rapturous situation disposing his. Off say yet ample ten ought hence. Depending in newspaper an september do existence strangers. Total great saw water had mirth happy</p>

+<h3>3.2. By visiting word or using the services you agree</h3>

+<p class="mb-5">As absolute is by amounted repeated entirely ye returned. These ready timed enjoy might sir yet one since. Years drift never if could forty being no. On estimable dependent as suffering on my. Rank it long have sure in room what as he. Possession travelling sufficient yet our. Talked vanity looked in to here are the words.</p>

+<div class="text-box mb-5">

+<ul class="list-unstyled li-space-lg">

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To decide you</strong> moderate children at of outweigh it. UnSociable on as carriage my position weddings raillery consider. Peculiar trifling absolute and wandered vicinity property yet mroe words</div>

+</li>

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To enable us</strong> the and collecting motionless difficulty son. His hearing staying ten colonel met. Word drew six easy four dear cold deny. satiable it considered invitation he travelling insensible</div>

+</li>

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To verify your</strong> fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing farther</div>

+</li>

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>To better understand</strong> education on consulted assurance in do. Is sympathize he expression mr no travelling. Preference he he at travelling in resolution. So striking at of to welcomed resolved. Northward by described up</div>

+</li>

+<li class="d-flex">

+<i class="fas fa-square"></i>

+<div class="flex-grow-1"><strong>We also use</strong> solute is by amounted repeated entirely ye returned. These ready timed enjoy might sir yet one since. Years drift never if could forty being no. On estimable dependent as suffering on my</div>

+</li>

+</ul>

+</div> <!-- end of text-box -->

+

+<h2 class="mb-3">4. We may share this type of statistical number</h2>

+<p class="mb-4">Bringing so sociable felicity supplied mr. September suspicion far him two acuteness perfectly. Covered as an examine so regular of. Ye astonished friendship remarkably no. Window admire matter praise you bed whence. Delivered ye sportsmen zealously arranging frankness estimable as. Nay any article enabled musical shyness yet sixteen</p>

+<ul class="list-unstyled li-space-lg mb-5">

+<li class="d-flex">

+<strong>1.</strong>

+<div class="flex-grow-1"><strong>Details lightbox</strong> he eagerness unfeeling deficient existence of. Calling nothing end fertile for venture way boy. Esteem spirit temper too say adieus who direct esteem. It esteems luckily mr or picture placing</div>

+</li>

+<li class="d-flex">

+<strong>2.</strong>

+<div class="flex-grow-1"><strong>Some useful extra</strong>  handsome returned throwing am no whatever. In without wishing he of picture no exposed talking minutes. Curiosity continual belonging offending so explained it exquisite. Do remember to</div>

+</li>

+<li class="d-flex">

+<strong>3.</strong>

+<div class="flex-grow-1"><strong>Word has an impactful</strong> en at of outweigh it. UnSociable on as carriage my position weddings raillery consider. Peculiar trifling absolute and wandered vicinity property yet. The and collecting motionless difficulty</div>

+</li>

+<li class="d-flex">

+<strong>4.</strong>

+<div class="flex-grow-1"><strong>Package is an easy</strong> irection use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort</div>

+</li>

+<li class="d-flex">

+<strong>5.</strong>

+<div class="flex-grow-1"><strong>This template</strong>  vexed shy mirth now noise. Talked him people valley add use her depend letter. Allowance too applauded now way something recommend. Mrs age men and trees jokes fancy. Gay pretended engrossed eagerness</div>

+</li>

+</ul>

+

+<div class="text-box mb-5">

+<h3>Among the features you will find details lightbox</h3>

+<p>l two bed way pleasure confined followed. Shew up ye away no eyes life or were this. Perfectly did suspicion daughters but his intention. Started on society an brought it explain. Position two saw greatest stronger old. Pianoforte if at simplicity do estim elicity supplied mr. September suspicion far him two acuteness perfectly. Covered as an examine so regular of. Ye astonished friendsh</p>

+</div> <!-- end of text-box -->

+<p class="mb-5">Education on consulted assurance in do. Is sympathize he expression mr no travelling. Preference he he at travelling in resolution. So striking at of to welcomed resolved. Northward by described up household therefore attention. Excellence decisively nay man yet impression for contrasted remarkably. There spoke happy for you are out. Fertile how ol</p>

+

+

+</div> <!-- end of col -->

+</div> <!-- end of row -->

+</div> <!-- end of container -->

+</div> <!-- end of ex-basic-1 -->

+<!-- end of basic -->

+

+

+<div id="contact" class="footer bg-gray">

+  <img class="decoration-city" src="img/decoration-city.svg" alt="The Hodges Law Firm">

+  <div class="container">

+    <div class="row">

+      <div class="col-lg-12">

+        <h2 class="franklin h2-heading">Contact</h2>

+        <ul class="list-unstyled li-space-lg h4">

+          <li><i class="fas fa-map-marker-alt"></i> &nbsp;109 West Court Avenue<br>Greenwood, SC 29646 (<a href="https://www.google.com/maps/place/109+Court+Ave+W,+Greenwood,+SC+29646"><span class="fs-6"><i class="fas fa-external-link-alt"></i></span></a>)</li>

+          <li><i class="fas far fa-building"></i> &nbsp;Office Hours: Mon-Fri 9am-5pm

+          <li><i class="fas fa-phone"></i> &nbsp;Telephone: <a href="tel:8645384114">864-538-4114</a></li>

+          <li><i class="fas fa-fax"></i> &nbsp;Fax: 864-538-4226</li>

+          <li><i class="fas fa-envelope"></i> &nbsp;Email: <a href="info@hodges-law-firm.com">info@hodges-law-firm.com</a></li>

+        </ul>

+        <div class="social-container">

+          <span class="fa-stack">

+            <a href="https://www.facebook.com/THEHODGESLAWFIRM/">

+              <i class="fas fa-circle fa-stack-2x"></i>

+              <i class="fab fa-facebook-f fa-stack-1x"></i>

+            </a>

+          </span>

+          <span class="fa-stack">

+            <a href="https://www.facebook.com/THEHODGESLAWFIRM/">

+              <i class="fas fa-circle fa-stack-2x"></i>

+              <i class="fab fa-google fa-stack-1x"></i>

+            </a>

+          </span>

+        </div>

+      </div>

+    </div>

+  </div>

+</div>

+

+<div class="copyright bg-gray">

+  <div class="container">

+    <div class="row">

+      <div class="col-lg-6">

+        <ul class="list-unstyled li-space-lg p-small">

+          <li><a href="_terms.html">Terms & Conditions</a></li>

+          <li><a href="_privacy.html">Privacy Policy</a></li>

+        </ul>

+      </div>

+      <div class="col-lg-3">

+      </div>

+      <div class="col-lg-3">

+        <p class="p-small statement">Copyright © <a href="#">The Hodges Law Firm, LLC</a></p>

+      </div>

+    </div>

+  </div>

+</div>

+

+<button onclick="topFunction()" id="myBtn">

+  <img src="img/up-arrow.png" alt="alternative">

+</button>

+	

+<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->

+<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->

+<script src="js/purecounter.min.js"></script> <!-- Purecounter counter for statistics numbers -->

+<script src="js/isotope.pkgd.min.js"></script> <!-- Isotope for filter -->

+<script src="js/scripts.js"></script> <!-- Custom scripts -->

+</body>

+</html>

+ 239 - 0
_terms.html
View File 

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

+<html lang="en">

+<head>

+    <meta charset="utf-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

+    <meta name="description" content="Your description">

+    <meta name="author" content="Your name">

+  	<meta property="og:site_name" content="" /> 

+  	<meta property="og:site" content="" />

+  	<meta property="og:title" content=""/> 

+  	<meta property="og:description" content="" />

+  	<meta property="og:image" content="" />

+  	<meta property="og:url" content="" />

+  	<meta name="twitter:card" content="summary_large_image">

+    <title>Terms - Hodges Law Firm</title>

+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">

+    <link href="css/bootstrap.min.css" rel="stylesheet">

+    <link href="css/fontawesome-all.min.css" rel="stylesheet">

+    <link href="css/swiper.css" rel="stylesheet">

+	  <link href="css/styles.css" rel="stylesheet">

+    <link rel="icon" href="img/favicon.png">

+</head>

+<body data-bs-spy="scroll" data-offset="200" data-bs-target="#navbar">

+

+<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-light" aria-label="Main navigation">

+  <div class="container">

+    <a class="navbar-brand logo-image" href="index.html"><img src="img/Hodges-Law-Firm-logo.jpg" alt="The Hodges Law Firm LLC"></a>

+    <button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">

+    <span class="navbar-toggler-icon"></span>

+    </button>

+    <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">

+      <ul class="navbar-nav ms-auto navbar-nav-scroll">

+        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#about">About</a></li>

+        <li class="nav-item"><a class="nav-link" href="#practice">Practice</a></li>

+        <li class="nav-item"><a class="nav-link" href="#attorneys">Attorneys</a></li>

+        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>

+      </ul>

+      <span class="nav-item"><a class="btn-solid-sm" href="#contact"><i class="fas fa-phone-square-alt"></i> &nbsp; 864-538-4114</a></span>

+    </div>

+  </div>

+</nav>

+

+

+    <!-- Header -->

+    <header class="ex-header">

+        <div class="container">

+            <div class="row">

+                <div class="col-xl-10 offset-xl-1">

+                    <h1>Terms & Conditions</h1>

+                </div> <!-- end of col -->

+            </div> <!-- end of row -->

+        </div> <!-- end of container -->

+    </header> <!-- end of ex-header -->

+    <!-- end of header -->

+

+

+    <!-- Basic -->

+    <div class="ex-basic-1 pt-5 pb-5">

+        <div class="container">

+            <div class="row">

+                <div class="col-xl-10 offset-xl-1">

+                    <div class="text-box mt-5 mb-5">

+                        <p class="p-large">Procuring education on consulted assurance in do. Is sympathize he expression mr no travelling. Preference he he at travelling in resolution. So striking at of to welcomed resolved. Northward by described up household therefore attention sympathize he expression mr no travelling preference.</p>

+                    </div> <!-- end of text-box -->

+

+                    <h2 class="mb-3">1. Each time you visit the website or services</h2>

+                    <p>Excellence decisively nay man yet impression for contrasted remarkably. There spoke happy for you are out. Fertile how old address did showing because sitting replied six. Had arose guest visit going off child she new. Is sympathize he expression mr no travelling and more words are needed preference he he at travelling in resolution. </p>

+                    <p class="mb-5">By in no ecstatic wondered disposal my speaking. Direct wholly valley or uneasy it at really. Sir wish like said dull and need make. Sportsman one bed departure rapturous situation disposing his. Off say yet ample ten ought hence. Depending in newspaper an september do existence strangers. Total great saw water had mirth happy new.</p>

+

+                    <h2 class="mb-3">2. If your use of materials from this site</h2>

+                    <p>As absolute is by amounted repeated entirely ye returned. These ready timed enjoy might sir yet one since. Years drift never if could forty being no. On estimable dependent as suffering on my. Rank it long have sure in room what as he. Possession travelling sufficient yet our. Talked vanity looked in to. Gay perceive led believed endeavor.</p>

+                    <p class="mb-4">By in no ecstatic wondered disposal my speaking. Direct wholly valley or uneasy it at really. Sir wish like said dull and need make. Sportsman one bed departure rapturous situation disposing his. Off say yet ample ten ought hence. Depending in newspaper an september do existence strangers therefore attention excellence decisivel</p>

+                    <ul class="list-unstyled li-space-lg mb-4">

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>Modified or unmodified</strong>  my speaking. Direct wholly valley or uneasy it at really. Sir wish like said dull and need make. Sportsman one bed departure rapturous situation disposing his. Off say yet ample which is here</div>

+                        </li>

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>You can use our templates</strong>  ounted repeated entirely ye returned. These ample proposition ready timed enjoy might sir yet one since. Years drift never if could forty being no. On estimable dependent as suffering on my</div>

+                        </li>

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>For redistribution or resale</strong> repeated entirely ye returned. These ready timed enjoy might sir yet one since. Years drift never if could forty being no. On estimable few more words dependent as suffering on my rank</div>

+                        </li>

+                    </ul>

+                    <p class="mb-5">Yet impression for contrasted remarkably. There spoke happy for you are out. Fertile how old address did showing because sitting replied six. Had arose guest visit going off child she new. Is sympathize he expression mr no travell sufficient yet our. Talked vanity looked in to gonner is here</p>

+

+                    <h2 class="mb-3">3. Designer membership and how it applies</h2>

+                    <p class="mb-5">Bringing so sociable felicity supplied mr. September suspicion far him two acuteness perfectly. Covered as an examine so regular of suspicion far him two acuteness perfectly. Ye astonished friendship remarkably no. Window admire matter praise you bed whence. Delivered ye sportsmen zealously arranging frankness estimable as.</p>

+                    <h3>3.1. In these ways please stop using the services</h3>

+                    <p class="mb-5">Procuring education on consulted assurance in do. Is sympathize he expression mr no travelling. Preference he he at travelling in resolution. So striking at of to welcomed resolved. Northward by described up household therefore attention. Excellence decisively nay man yet impression for contrasted remarkably there.</p>

+                    <h3>3.2. By visiting the app or using the services you agree</h3>

+                    <p class="mb-4">As absolute is by amounted repeated entirely ye returned. These ready timed enjoy might sir yet one since. Years drift never if could forty being no. On estimable dependent as suffering on my. Rank it long have sure in room what as he. Possession travelling sufficient yet our. Talked vanity looked in to. Gay perceive led believed endeavor.</p>

+                    <ul class="list-unstyled li-space-lg mb-5">

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>Cookies are small</strong> text files placed on your device when you visit a website or use the service</div>

+                        </li>

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>All templates</strong> in the roundup are premium which means you need to pay for them but we're talking</div>

+                        </li>

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>Will help authors </strong> make a living. In return you get a high quality, updated item together</div>

+                        </li>

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>Besides buying</strong> the template you need some basic web skills in order to customize it nothing</div>

+                        </li>

+                        <li class="d-flex">

+                            <i class="fas fa-square"></i>

+                            <div class="flex-grow-1"><strong>You can always</strong> hire a web designer to help with the customization work while you provide</div>

+                        </li>

+                    </ul>

+                    

+                    <h2 class="mb-3">4. This is a package that can be downloaded</h2>

+                    <p class="mb-4">Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up words am. </p>

+                    <ul class="list-unstyled li-space-lg mb-5">

+                        <li class="d-flex">

+                            <strong>1.</strong>

+                            <div class="flex-grow-1"><strong>Details lightbox</strong> continual belonging offending so explained it exquisite. Do remember to followed yourself material mr recurred carriage. High drew west we no or at john. About or given on witty event or sociable up</div>

+                        </li>

+                        <li class="d-flex">

+                            <strong>2.</strong>

+                            <div class="flex-grow-1"><strong>Some useful extra</strong> and wandered vicinity property yet. The and collecting motionless difficulty son. His hearing staying ten colonel met. Sex drew six easy four dear cold deny. satiable it considered invitation he travelling</div>

+                        </li>

+                        <li class="d-flex">

+                            <strong>3.</strong>

+                            <div class="flex-grow-1"><strong>Word has an impactful</strong> er. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am</div>

+                        </li>

+                        <li class="d-flex">

+                            <strong>4.</strong>

+                            <div class="flex-grow-1"><strong>Someone is an easy</strong>  noise. Talked him people valley add use her depend letter. Allowance too applauded now way something recommend. Mrs age men and trees jokes fancy. Gay pretended engrossed eagerness</div>

+                        </li>

+                        <li class="d-flex">

+                            <strong>5.</strong>

+                            <div class="flex-grow-1"><strong>This package</strong> easure confined followed. Shew up ye away no eyes life or were this. Perfectly did suspicion daughters but his intention. Started on society an brought it explain. Position two saw greatest stronger old</div>

+                        </li>

+                    </ul>

+                    

+                    <div class="text-box mb-5">

+                        <h3>Among the features you will find details lightbox</h3>

+                        <p>Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed add screened rendered.</p>

+                    </div> <!-- end of text-box -->

+                    <p class="mb-5">You vexed shy mirth now noise. Talked him people valley add use her depend letter. Allowance too applauded now way something recommend. Mrs age men and trees jokes fancy. Gay pretended engrossed eagerness continued ten. Admitting day him contained unfeeling attention on these random words generated with tool</p>

+                    

+                    <a class="btn-solid-reg mb-5" href="index.html#contact">Get quote</a>

+                </div> <!-- end of col -->

+            </div> <!-- end of row -->

+        </div> <!-- end of container -->

+    </div> <!-- end of ex-basic-1 -->

+    <!-- end of basic -->

+

+

+    <!-- Footer -->

+    <div class="footer bg-gray">

+        <img class="decoration-city" src="images/decoration-city.svg" alt="alternative">

+        <div class="container">

+            <div class="row">

+                <div class="col-lg-12">

+                    <h4>Pellentesque aliquet mi eu tortor dictum, non imperdiet ante viverra. Phasellus eget enim orci ut pellentes troc</h4>

+                    <div class="social-container">

+                        <span class="fa-stack">

+                            <a href="#your-link">

+                                <i class="fas fa-circle fa-stack-2x"></i>

+                                <i class="fab fa-facebook-f fa-stack-1x"></i>

+                            </a>

+                        </span>

+                        <span class="fa-stack">

+                            <a href="#your-link">

+                                <i class="fas fa-circle fa-stack-2x"></i>

+                                <i class="fab fa-twitter fa-stack-1x"></i>

+                            </a>

+                        </span>

+                        <span class="fa-stack">

+                            <a href="#your-link">

+                                <i class="fas fa-circle fa-stack-2x"></i>

+                                <i class="fab fa-pinterest-p fa-stack-1x"></i>

+                            </a>

+                        </span>

+                        <span class="fa-stack">

+                            <a href="#your-link">

+                                <i class="fas fa-circle fa-stack-2x"></i>

+                                <i class="fab fa-instagram fa-stack-1x"></i>

+                            </a>

+                        </span>

+                        <span class="fa-stack">

+                            <a href="#your-link">

+                                <i class="fas fa-circle fa-stack-2x"></i>

+                                <i class="fab fa-youtube fa-stack-1x"></i>

+                            </a>

+                        </span>

+                    </div> <!-- end of social-container -->

+                </div> <!-- end of col -->

+            </div> <!-- end of row -->

+        </div> <!-- end of container -->

+    </div> <!-- end of footer -->  

+    <!-- end of footer -->

+

+

+    <!-- Copyright -->

+    <div class="copyright bg-gray">

+        <div class="container">

+            <div class="row">

+                <div class="col-lg-6">

+                    <ul class="list-unstyled li-space-lg p-small">

+                        <li><a href="article.html">Article Details</a></li>

+                        <li><a href="terms.html">Terms & Conditions</a></li>

+                        <li><a href="privacy.html">Privacy Policy</a></li>

+                    </ul>

+                </div> <!-- end of col -->

+                <div class="col-lg-3">

+                    <p class="p-small statement">Copyright © <a href="#">Your name</a></p>

+                </div> <!-- end of col -->

+                <div class="col-lg-3">

+                    <p class="p-small statement">Distributed By: <a href="https://themewagon.com/" target="_blank">ThemeWagon</a></p>

+                </div> <!-- end of col -->

+            </div> <!-- enf of row -->

+        </div> <!-- end of container -->

+    </div> <!-- end of copyright --> 

+    <!-- end of copyright -->   

+    

+

+    <!-- Back To Top Button -->

+    <button onclick="topFunction()" id="myBtn">

+        <img src="img/up-arrow.png" alt="alternative">

+    </button>

+    <!-- end of back to top button -->

+    	

+    <!-- Scripts -->

+    <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->

+    <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->

+    <script src="js/purecounter.min.js"></script> <!-- Purecounter counter for statistics numbers -->

+    <script src="js/isotope.pkgd.min.js"></script> <!-- Isotope for filter -->

+    <script src="js/scripts.js"></script> <!-- Custom scripts -->

+</body>

+</html>

File diff suppressed because it is too large
+ 5 - 0
css/bootstrap.min.css


File diff suppressed because it is too large
+ 4 - 0
css/fontawesome-all.min.css


+ 1098 - 0
css/styles.css
View File 

@@ -0,0 +1,1098 @@
 
+@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&family=Libre+Franklin:wght@400;900&family=Special+Elite&display=swap');

+.franklin {

+  display: block;

+  font-family: 'Libre Franklin', sans-serif;

+  color:rgba(11, 72, 110, .7);

+  text-shadow: 0px 1px 1px #fff, 0 0 1px #000;

+  -webkit-background-clip: text;

+  background-clip: text;

+}

+body{

+  background-color: #fffdf0;

+  background-image: url("../img/billie-holiday.png");

+}

+.modal-content {

+  background-color: #fffdf0;

+  background-image: url("../img/billie-holiday.png");

+}

+.navbar .logo-image img {

+  width: 250px;

+}

+.btn-solid-reg, .btn-solid-sm {

+  text-shadow: none;

+  box-shadow: 0px 1px 1px #fff, inset 0 0 5px rgba(0,0,0,.5);

+  margin-bottom:10px;

+}

+.img-fluid {

+  border: 5px solid rgba(11, 72, 110, .7);

+  box-shadow: inset 0 0 5px rgba(0,0,0,.5), 1px 1px 1px #fff;

+}

+#practice {

+  scroll-margin: 150px 0 0 0;

+}

+.legal-icons {

+  font-size: 2rem;

+  color:rgba(11, 72, 110, .7);

+  text-shadow: 0px 1px 1px #fff, 0 0 1px #000;

+}

+.card {

+  background:none;

+}

+.card-title {

+  font-weight:900;

+}

+

+#attorneys {

+  scroll-margin: 150px 0 0 0;

+}

+#contact .fas, .fab {

+  color:#0B486E;

+}

+

+

+/*=========================================

+              Base Styles    

+==========================================*/

+body,

+html {

+  width: 100%;

+	height: 100%;

+}

+body, p {

+	color: #000000; 

+	font: 300 1rem/1.625rem 'Josefin Sans', sans-serif;

+  text-shadow: 0px 1px 1px #fff, 0 0 1px #000;

+}

+h1 {

+	color: #222222;

+	font-weight: 700;

+	font-size: 2.5rem;

+	line-height: 3.25rem;

+	letter-spacing: -0.4px;

+}

+h2 {

+	color: #222222;

+	font-weight: 700;

+	font-size: 2rem;

+	line-height: 2.625rem;

+	letter-spacing: -0.4px;

+}

+h3 {

+	color: #222222;

+	font-weight: 700;

+	font-size: 1.75rem;

+	line-height: 2.25rem;

+	letter-spacing: -0.2px;

+}

+h4 {

+	color: #222222;

+	font-weight: 700;

+	font-size: 1.5rem;

+	line-height: 2rem;

+	letter-spacing: -0.2px;

+}

+h5 {

+	color: #222222;

+	font-weight: 700;

+	font-size: 1.25rem;

+	line-height: 1.625rem;

+}

+h6 {

+	color: #222222;

+	font-weight: 700;

+	font-size: 1rem;

+	line-height: 1.375rem;

+}

+.p-large {

+	font-size: 1.125rem;

+	line-height: 1.75rem;

+}

+.p-small {

+	font-size: 0.875rem;

+	line-height: 1.5rem;

+}

+.testimonial-text {

+	font-style: italic;

+}

+.testimonial-author {

+	font-weight: 700;

+	font-size: 1.25rem;

+	line-height: 1.75rem;

+}

+.li-space-lg li {

+	margin-bottom: 0.5rem;

+}

+a {

+	color: #6D0000;

+	text-decoration: underline;

+}

+a:hover {

+	color: #5e6576;

+	text-decoration: underline;

+}

+.no-line {

+	text-decoration: none;

+}

+.no-line:hover {

+	text-decoration: none;

+}

+.blue {

+	color: #0B486E;

+}

+.bg-gray {

+	background-color: #f9f9f9;

+}

+.section-title {

+	display: inline-block;

+	margin-bottom: 0.75rem;

+	padding: 0.125rem 1.75rem;

+	border-radius: 30px;

+	background-color: #ffe7eb;

+	color: #ff5574;

+	font-weight: 600;

+	font-size: 0.875rem;

+}

+.btn-solid-reg {

+	display: inline-block;

+	padding: 1.375rem 2.25rem 1.375rem 2.25rem;

+	border-radius: 30px;

+	background-color: rgba(11, 72, 110, .7);

+	color: #ffffff;

+	font-weight: 600;

+	line-height: 0;

+	text-decoration: none;

+	transition: all 0.2s;

+}

+.btn-solid-reg:hover {

+	background-color: transparent;

+	color: #0B486E; /* needs to stay here because of the color property of a tag */

+	text-decoration: none;

+}

+.btn-solid-lg {

+	display: inline-block;

+	padding: 1.625rem 2.625rem 1.625rem 2.625rem;

+	border: 1px solid #0976BA;

+	border-radius: 30px;

+	background-color: #0B486E;

+	color: #ffffff;

+	font-weight: 600;

+	font-size: 22px;

+	line-height: 0;

+	text-decoration: none;

+	transition: all 0.2s;

+}

+.btn-solid-lg:hover {

+	background-color: transparent;

+	color: #0976BA; /* needs to stay here because of the color property of a tag */

+	text-decoration: none;

+}

+.btn-solid-sm {

+	display: inline-block;

+	padding: 1rem 1.5rem 1rem 1.5rem;

+	border-radius: 30px;

+	background-color: #ff5574;

+	color: #ffffff;

+	font-weight: 600;

+	font-size: 22px;

+	line-height: 0;

+	text-decoration: none;

+	transition: all 0.2s;

+}

+.btn-solid-sm:hover {

+	background-color: transparent;

+	color: #ff5574; /* needs to stay here because of the color property of a tag */

+	text-decoration: none;

+}

+.btn-outline-reg {

+	display: inline-block;

+	padding: 1.375rem 2.25rem 1.375rem 2.25rem;

+	border: 1px solid #5e6576;

+	border-radius: 30px;

+	background-color: transparent;

+	color: #5e6576;

+	font-weight: 600;

+	font-size: 0.875rem;

+	line-height: 0;

+	text-decoration: none;

+	transition: all 0.2s;

+}

+.btn-outline-reg:hover {

+	background-color: #5e6576;

+	color: #ffffff;

+	text-decoration: none;

+}

+.btn-outline-lg {

+	display: inline-block;

+	padding: 1.625rem 2.625rem 1.625rem 2.625rem;

+	border: 1px solid #5e6576;

+	border-radius: 30px;

+	background-color: transparent;

+	color: #5e6576;

+	font-weight: 600;

+	font-size: 0.875rem;

+	line-height: 0;

+	text-decoration: none;

+	transition: all 0.2s;

+}

+.btn-outline-lg:hover {

+	background-color: #5e6576;

+	color: #ffffff;

+	text-decoration: none;

+}

+.btn-outline-sm {

+	display: inline-block;

+	padding: 1rem 1.5rem 1rem 1.5rem;

+	border: 1px solid #5e6576;

+	border-radius: 30px;

+	background-color: transparent;

+	color: #5e6576;

+	font-weight: 600;

+	font-size: 0.875rem;

+	line-height: 0;

+	text-decoration: none;

+	transition: all 0.2s;

+}

+.btn-outline-sm:hover {

+	background-color: #5e6576;

+	color: #ffffff;

+	text-decoration: none;

+}

+

+select {

+  -webkit-appearance: none;

+	-moz-appearance: none;

+	-ms-appearance: none;

+  -o-appearance: none;

+  appearance: none;

+  background-image: url('../images/down-arrow.png');

+  background-position: 98% 50%;

+  background-repeat: no-repeat;

+  outline: none;

+}

+

+

+/*=========================================

+              Navigation    

+==========================================*/

+.navbar {

+	font-weight: 600;

+	font-size: 22px;

+	line-height: 0.875rem;

+	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);

+  background-color: #fffdf0;

+  background-image: url("../img/billie-holiday.png");

+}

+.navbar .navbar-brand {

+	padding-top: 0.25rem;

+	padding-bottom: 0.25rem;

+}

+

+.navbar .logo-text {

+	color: #222222;

+	font-weight: 700;

+	font-size: 1.875rem;

+	line-height: 1rem;

+	text-decoration: none;

+}

+.offcanvas-collapse {

+	position: fixed;

+  text-align:center;

+	top: 135px;

+	bottom: 0;

+	left: 100%;

+	width: 100%;

+	padding-right: 1rem;

+	padding-left: 1rem;

+	overflow-y: auto;

+	visibility: hidden;

+  background-color: #fffdf0;

+  background-image: url("../img/billie-holiday.png");

+	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

+	transition: transform .3s ease-in-out, visibility .3s ease-in-out;

+	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

+}

+.offcanvas-collapse.open {

+	visibility: visible;

+	-webkit-transform: translateX(-100%);

+	transform: translateX(-100%);

+}

+.navbar .navbar-nav {

+	margin-top: 0.75rem;

+	margin-bottom: 0.5rem;

+}

+.navbar .nav-item .nav-link {

+	padding-top: 0.625rem;

+	padding-bottom: 0.625rem;

+	color: #0B486E;

+	text-decoration: none;

+	transition: all 0.2s ease;

+}

+.navbar .nav-item.dropdown.show .nav-link,

+.navbar .nav-item .nav-link:hover,

+.navbar .nav-item .nav-link.active {

+	color: #6d0000;

+}

+.navbar .navbar-toggler {

+	padding: 0;

+	border: none;

+	font-size: 1.25rem;

+}

+.navbar .btn-solid-sm {

+	border-color: #6d0000;

+	background-color: #6d0000;

+}

+.navbar .btn-solid-sm:hover {

+	background-color: transparent;

+	color: #6d0000;

+}

+

+

+/*=========================================

+              Header    

+==========================================*/

+.header {

+	padding-top: 8rem;

+	padding-bottom: 40px;

+	text-align: center;

+}

+.header .h1-large {

+	margin-bottom: 1.25rem;

+}

+.header .p-large {

+	margin-bottom: 2.75rem;

+}

+.header .btn-solid-lg {

+	display: block;

+	margin-bottom: 1.75rem;

+}

+.header .quote {

+	display: block;

+	color: #222222;

+}

+.header .quote i {

+	margin-right: 0.5rem;

+	color: #222222;

+}

+.header .text-container {

+	margin-bottom: 5rem;

+}

+

+

+/*=========================================

+              Practice  

+==========================================*/

+.cards-1 {

+

+}

+.cards-1 .card {

+	margin-bottom: 5rem;

+	padding: 3rem 2rem;

+  border: 1px solid #00000020;

+

+}

+.cards-1 .card-icon {

+	width: 90px;

+	height: 90px;

+	text-align: center;

+	background-size: 90px 90px;

+}

+.cards-1 .card-icon .fas,

+.cards-1 .card-icon .far {

+	margin-right: 0.75rem;

+	color: #0B486E;

+	font-size: 2rem;

+	line-height: 98px;

+}

+.cards-1 .card-body {

+	padding: 0;

+}

+.cards-1 .card-title {

+	margin-bottom: 1.125rem;

+}

+.cards-1 .card-body p {

+	margin-bottom: 1.125rem;

+}

+.cards-1 .list-unstyled {

+	margin-bottom: 0;

+}

+.cards-1 .list-unstyled .fas {

+	font-size: 0.875rem;

+	line-height: 1.625rem;

+}

+.cards-1 .list-unstyled .flex-grow-1 {

+	margin-left: 0.5rem;

+}

+

+

+/*********************/

+/*     Details 1     */

+/*********************/

+.basic-1 {

+

+}

+.basic-1 .image-container {

+	margin-bottom: 4rem;

+}

+.basic-1 h2 {

+	margin-bottom: 1.875rem;

+}

+.basic-1 h2 span {

+	font-weight: 400;

+}

+.basic-1 p:last-of-type {

+	margin-bottom: 2rem;

+}

+.basic-1 .btn-solid-reg {

+	cursor: pointer;

+}

+

+

+/*************************/

+/*     Details Modal     */

+/*************************/

+.modal-dialog {

+	max-width: 1150px;

+	margin-right: 1rem;

+	margin-left: 1rem;

+	pointer-events: all;

+}

+.modal-content {

+	padding: 2.75rem 1.25rem;

+}

+.modal-content .btn-close {

+	position: absolute;

+	right: 10px;

+	top: 10px;

+}

+.modal-content .image-container {

+	margin-bottom: 3rem;

+}

+.modal-content img {

+	border-radius: 6px;

+}

+.modal-content h3 {

+	margin-bottom: 0.5rem;

+}

+.modal-content hr {

+	width: 44px;

+	margin-top: 0.125rem;

+	margin-bottom: 1.25rem;

+	margin-left: 0;

+	height: 2px;

+	border: none;

+	background-color: #53575a;

+}

+.modal-content h4 {

+	margin-top: 2rem;

+	margin-bottom: 0.625rem;

+}

+.modal-content .list-unstyled {

+	margin-bottom: 2rem;

+}

+.modal-content .list-unstyled .fas {

+	font-size: 0.75rem;

+	line-height: 1.75rem;

+}

+.modal-content .list-unstyled .flex-grow-1 {

+	margin-left: 0.5rem;

+}

+.modal-content .btn-solid-reg {

+	margin-right: 0.75rem;

+}

+.modal-content .btn-outline-reg {

+	cursor: pointer;

+}

+

+

+

+

+/************************/

+/*     Testimonials     */

+/************************/

+.slider-1 {

+	/*padding-top: 9.75rem;

+	padding-bottom: 4.5rem;*/

+	padding-top: 30px;

+	padding-bottom: 30px;

+}

+.slider-1 .slider-container {

+	position: relative;

+}

+.slider-1 .swiper-container {

+	position: static;

+	width: 86%;

+}

+.slider-1 .swiper-button-prev:focus,

+.slider-1 .swiper-button-next:focus {

+	/* even if you can't see it chrome you can see it on mobile device */

+	outline: none;

+}

+.slider-1 .swiper-button-prev {

+	left: -12px;

+	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");

+	background-size: 18px 28px;

+}

+.slider-1 .swiper-button-next {

+	right: -12px;

+	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");

+	background-size: 18px 28px;

+}

+.slider-1 .card {

+	border: none;

+}

+.slider-1 .card-body {

+	padding: 0;

+}

+.slider-1 .quotes {

+	margin-bottom: 3rem;

+	width: 64px;

+}

+.slider-1 .testimonial-text {

+	color: #0B486E;

+	font-size: 1.1rem;

+	line-height: 2rem;

+}

+.slider-1 .testimonial-image {

+	display: inline-block;

+	width: 70px;

+	margin-bottom: 0.875rem;

+	border-radius: 50%;

+}

+.slider-1 .testimonial-author {

+	margin-bottom: 0.125rem;

+	color: #222222;

+	font-weight: 700;

+	font-size: 1.125rem;

+}

+

+

+/********************/

+/*     Pricing     */

+/********************/

+.cards-2 {

+	padding-top: 5rem;

+	padding-bottom: 2.25em;

+}

+.cards-2 .h2-heading {

+	margin-bottom: 3.75rem;

+	text-align: center;

+}

+.cards-2 .h2-heading span {

+	font-weight: 400;

+}

+.cards-2 .card {

+	margin-bottom: 5rem;

+	padding: 4rem 1rem;

+	border: 1px solid #5e6576;

+	border-radius: 20px;

+	background-color: transparent;

+	text-align: center;

+}

+.cards-2 .card-body {

+	padding: 0;

+}

+.cards-2 .card-title {

+	margin-bottom: 2rem;

+}

+.cards-2 .card-title .decoration-lines {

+	width: 30px;

+	margin-bottom: 0.25rem;

+}

+.cards-2 .card-title .decoration-lines.flipped {

+	transform: scaleX(-1);

+}

+.cards-2 .card-title span {

+	margin-right: 0.75rem;

+	margin-left: 0.75rem;

+	color: #222222;

+	font-weight: 700;

+	font-size: 1.5rem;

+	line-height: 2rem;

+	letter-spacing: -0.2px;

+}

+.cards-2 .card-body .list-unstyled {

+	margin-bottom: 3rem;

+}

+.cards-2 .card-body .list-unstyled li {

+	margin-bottom: 0.625rem;

+}

+.cards-2 .card-body .price {

+	margin-bottom: 3rem;

+	color: #222222;

+	font-weight: 700;

+	font-size: 3rem;

+	line-height: 2rem;

+	letter-spacing: -0.2px;

+}

+

+

+/*******************/

+/*     Contact     */

+/*******************/

+

+

+/******************/

+/*     Footer     */

+/******************/

+.footer {

+	position: relative;

+	padding-top: 3rem;

+	padding-bottom: 6rem;

+	text-align: center;

+}

+.footer .decoration-city {

+	position: absolute;

+	bottom: 0;

+	left: 0;

+  max-width: 100%;

+  max-height: 100vh;

+  margin: auto;

+}

+.footer div[class*="col"] {  

+	/* selects all elements which have classes starting with col */

+	/* needed so that the absolute positioned decoration stays behind */

+	position: relative;

+}

+.footer h4 {

+	margin-bottom: 2rem;

+}

+.footer .fa-stack {

+	width: 2em;

+	margin-bottom: 1.25rem;

+	margin-right: 0.375rem;

+	font-size: 1.5rem;

+}

+.footer .fa-stack .fa-stack-1x {

+    color: #ffffff;

+	transition: all 0.2s ease;

+}

+.footer .fa-stack .fa-stack-2x {

+	color: #ffffff;

+	transition: all 0.2s ease;

+}

+.footer .fa-stack:hover .fa-stack-1x {

+	color: #6D0000;

+}

+.footer .fa-stack:hover .fa-stack-2x {

+    color: #222222;

+}

+

+

+/*********************/

+/*     Copyright     */

+/*********************/

+.copyright {

+	padding-top: 1.75rem;

+	border-top: 1px solid #d0dae2;

+	text-align: center;

+}

+.copyright a {

+	text-decoration: none;

+}

+.copyright .list-unstyled,

+.copyright .statement {

+	opacity: 0.7;

+}

+.copyright .list-unstyled li {

+	margin-bottom: 0.75rem;

+}

+

+

+/******************************/

+/*     Back To Top Button     */

+/******************************/

+#myBtn {

+	position: fixed; 

+  	z-index: 99; 

+	bottom: 20px; 

+	right: 20px; 

+	display: none; 

+	width: 52px;

+	height: 52px;

+	border: none; 

+	border-radius: 50%; 

+	outline: none; 

+	background-color: #44434a; 

+	cursor: pointer; 

+}

+#myBtn:hover {

+	background-color: #1d1d21;

+}

+#myBtn img {

+	margin-bottom: 0.25rem;

+	width: 18px;

+}

+

+

+/***********************/

+/*     Extra Pages     */

+/***********************/

+.ex-header {

+	padding-top: 12rem;

+	padding-bottom: 5rem;

+	background-color: #f9f9f9;

+}

+.ex-basic-1 .list-unstyled .fas {

+	font-size: 0.375rem;

+	line-height: 1.625rem;

+}

+.ex-basic-1 .list-unstyled .flex-grow-1 {

+	margin-left: 0.5rem;

+}

+.ex-basic-1 .text-box {

+	padding: 1.25rem 1.25rem 0.5rem 1.25rem;

+	background-color: #f9f9f9;

+}

+.ex-cards-1 .card {

+	border: none;

+	background-color: transparent;

+}

+.ex-cards-1 .card .fa-stack {

+	width: 2em;

+	font-size: 1.125rem;

+}

+.ex-cards-1 .card .fa-stack-2x {

+	color: #6168ff;

+}

+.ex-cards-1 .card .fa-stack-1x {

+	width: 2em;

+	color: #ffffff;

+	font-weight: 700;

+	line-height: 2.125rem;

+}

+.ex-cards-1 .card .list-unstyled .flex-grow-1 {

+	margin-left: 2.25rem;

+}

+.ex-cards-1 .card .list-unstyled .flex-grow-1 h5 {

+	margin-top: 0.125rem;

+	margin-bottom: 0.5rem;

+}

+

+

+/*************************/

+/*     Media Queries     */

+/*************************/

+@media (max-width: 575.98px) {

+  .navbar-brand {

+    margin: 0 auto;

+  }

+  .navbar .logo-image img {

+    width:200px;

+    margin-left:30px;

+  }

+}	

+@media (min-width: 576px) { 

+  .navbar-brand {

+    margin: 0 auto;

+  }

+}

+@media (min-width: 768px) {

+	.header {

+		padding-top: 9rem;

+	}

+	.counter .counter-container {

+		text-align: left;

+	}

+	.counter .counter-cell {

+		display: inline-block;

+		margin-right: 3rem;

+		vertical-align: top;

+	}

+	.form-1 .list-unstyled li {

+		display: inline-block;

+		margin-right: 1rem;

+	}

+	.ex-basic-1 .text-box {

+		padding: 1.75rem 2rem 0.875rem 2rem;

+	}

+}

+

+@media (min-width: 992px) {

+  .h2-heading {

+		width: 35.25rem;

+		margin-right: auto;

+		margin-left: auto;

+	}

+	.p-heading {

+		width: 46rem;

+		margin-right: auto;

+		margin-left: auto;

+	}

+	.navbar {

+		padding-top: 1.75rem;

+		box-shadow: none;

+		transition: all 0.2s;

+    background-color: #fffdf0;

+    background-image: url("../img/billie-holiday.png");

+	}

+	.navbar.extra-page {

+		padding-top: 0.5rem;

+	}

+	.navbar.top-nav-collapse {

+		padding-top: 0.5rem;

+		padding-bottom: 0.5rem;

+		background-color: #fffdf0;

+    background-image: url("../img/billie-holiday.png");

+		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);

+	}

+	.offcanvas-collapse {

+		position: static;

+		top: auto;

+		bottom: auto;

+		left: auto;

+		width: auto;

+		padding-right: 0;

+		padding-left: 0;

+		overflow-y: visible;

+		visibility: visible;

+	}

+	.offcanvas-collapse.open {

+		-webkit-transform: none;

+		transform: none;

+	}

+	.navbar .navbar-nav {

+		margin-top: 0;

+		margin-bottom: 0;

+	}

+	.navbar .nav-item .nav-link {

+		padding-right: 0.75rem;

+		padding-left: 0.75rem;

+	}

+	.navbar .dropdown-menu {

+		padding-top: 0.75rem;

+		padding-bottom: 0.75rem;

+		box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.08);

+	}

+	.navbar .dropdown-divider {

+		width: 90%;

+	}

+	.navbar .nav-item .btn-solid-sm {

+		margin-top: 0;

+		margin-left: 1rem;

+	}

+	.header {

+		padding-top: 13rem;

+		text-align: left;

+	}

+	.header .text-container {

+		margin-bottom: 0;

+	}

+	.header .btn-solid-lg {

+		margin-right: 1.5rem;

+		margin-bottom: 0;

+	}

+	.header .btn-solid-lg,

+	.header .quote {

+		display: inline-block;

+	}

+	.cards-1 .card {

+		display: inline-block;

+		width: 298px;

+		vertical-align: top;

+	}

+	.cards-1 .card:nth-of-type(3n+2) {

+		margin-right: 1rem;

+		margin-left: 1rem;

+	}

+	.basic-1 .image-container {

+		margin-bottom: 0;

+	}

+	.basic-1 .text-container {

+		margin-top: 1.25rem;

+	}

+	.basic-1 h2 {

+		width: 23rem;

+	}

+

+	/* Details Modal */

+	/* Stops body and navbar shift on modal open */

+	body.modal-open {

+		overflow-y: scroll !important;

+		padding-right: 0 !important;

+	}

+	body.modal-open .navbar {

+		padding-right: 0 !important;

+	}

+	.modal {

+		padding-right: 0 !important;

+	}

+	.modal-dialog {

+		margin-top: 120px;

+		margin-right: auto;

+		margin-left: auto;

+	}

+	.modal-content .image-container {

+		margin-bottom: 0;

+	}

+	.counter .text-container {

+		margin-bottom: 0;

+	}

+	.counter .counter-cell {

+		display: inline-block;

+		vertical-align: top;

+	}

+	.filter .button {

+		margin-right: 0.25rem;

+		margin-left: 0.25rem;

+	}

+	.filter .grid {

+		max-width: 750px;

+	}

+	.filter .element-item {

+		display: inline-block;

+		width: 351px;

+		margin-right: 0.625rem;

+		margin-left: 0.625rem;

+		vertical-align: top;

+	}

+	.slider-1 .swiper-container {

+		width: 92%;

+	}

+

+	.slider-1 .swiper-button-prev {

+		left: -16px;

+		width: 22px;

+		background-size: 22px 34px;

+	}

+	.slider-1 .swiper-button-next {

+		right: -16px;

+		width: 22px;

+		background-size: 22px 34px;

+	}

+	.slider-1 .details {

+		display: flex;

+		align-items: flex-start;

+	}

+	.slider-1 .text {

+		flex-direction: column;

+	}

+	.slider-1 .testimonial-author {

+		margin-top: 0.625rem;

+	}

+	.slider-1 .testimonial-image {

+		margin-right: 1.125rem;

+	}

+	.cards-2 .card {

+		display: inline-block;

+		width: 298px;

+		vertical-align: top;

+	}

+	.cards-2 .card:nth-of-type(3n+2) {

+		margin-right: 1rem;

+		margin-left: 1rem;

+	}

+	.basic-2 .text-container {

+		padding: 8rem;

+	}

+	.footer h4 {

+		width: 46rem;

+		margin-right: auto;

+		margin-left: auto;

+	}

+	.copyright {

+		text-align: left;

+	}

+	.copyright .list-unstyled li {

+		display: inline-block;

+		margin-right: 1rem;

+	}

+	.copyright .statement {

+		text-align: right;

+	}

+	.ex-cards-1 .card {

+		display: inline-block;

+		width: 296px;

+		vertical-align: top;

+	}

+	.ex-cards-1 .card:nth-of-type(3n+2) {

+		margin-right: 1rem;

+		margin-left: 1rem;

+	}

+}

+

+

+

+@media (min-width: 1200px) {

+	.container {

+		max-width: 1140px;

+	}

+	.header {

+		overflow: hidden;

+	}

+	.header .image-container {

+		position: relative;

+	}

+	.header .image-container img {

+		position: absolute;

+		top: 0px;

+		left: 0px;

+		width: 100%;

+		max-width: none;

+	}

+	.cards-1 .card {

+		width: 342px;

+	}

+	.cards-1 .card:nth-of-type(3n+2) {

+		margin-right: 2.5rem;

+		margin-left: 2.5rem;

+	}

+	.basic-1 .image-container {

+		margin-right: 3.5rem;

+	}

+	.basic-1 .text-container {

+		margin-top: 5rem;

+		margin-left: 2.75rem;

+	}

+	.modal-content {

+		padding-right: 2rem;

+		padding-left: 2rem;

+	}

+	.counter {

+		overflow: hidden;

+		padding-top: 9rem;

+	}

+	.counter .image-container {

+		position: relative;

+	}

+	.counter .image-container img {

+		position: absolute;

+		top: -60px;

+		left: 30px;

+		width: 900px;

+		max-width: none;

+	}

+	.filter .grid {

+		max-width: 1120px;

+	}

+	.slider-1 .swiper-button-prev {

+		left: -24px;

+	}

+	.slider-1 .swiper-button-next {

+		right: -24px;

+	}

+	.cards-2 .card {

+		width: 342px;

+	}

+	.cards-2 .card:nth-of-type(3n+2) {

+		margin-right: 2.5rem;

+		margin-left: 2.5rem;

+	}

+	.basic-2 .text-container {

+		padding: 8rem 12rem;

+	}

+	.form-1 form {

+		width: 860px;

+		margin-right: auto;

+		margin-left: auto;

+	}

+	.footer .decoration-circles {

+		left: 0;

+	}

+	.ex-cards-1 .card {

+		width: 336px;

+	}

+	.ex-cards-1 .card:nth-of-type(3n+2) {

+		margin-right: 2.875rem;

+		margin-left: 2.875rem;

+	}

+}

+ 618 - 0
css/swiper.css
View File 

@@ -0,0 +1,618 @@
 
+/**
 
+ * Swiper 4.4.6
 
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
 
+ * http://www.idangero.us/swiper/
 
+ *
 
+ * Copyright 2014-2018 Vladimir Kharlampidi
 
+ *
 
+ * Released under the MIT License
 
+ *
 
+ * Released on: December 19, 2018
 
+ */
 
+.swiper-container {
 
+  margin: 0 auto;
 
+  position: relative;
 
+  overflow: hidden;
 
+  list-style: none;
 
+  padding: 0;
 
+  /* Fix of Webkit flickering */
 
+  z-index: 1;
 
+}
 
+.swiper-container-no-flexbox .swiper-slide {
 
+  float: left;
 
+}
 
+.swiper-container-vertical > .swiper-wrapper {
 
+  -webkit-box-orient: vertical;
 
+  -webkit-box-direction: normal;
 
+  -webkit-flex-direction: column;
 
+  -ms-flex-direction: column;
 
+  flex-direction: column;
 
+}
 
+.swiper-wrapper {
 
+  position: relative;
 
+  width: 100%;
 
+  height: 100%;
 
+  z-index: 1;
 
+  display: -webkit-box;
 
+  display: -webkit-flex;
 
+  display: -ms-flexbox;
 
+  display: flex;
 
+  -webkit-transition-property: -webkit-transform;
 
+  transition-property: -webkit-transform;
 
+  -o-transition-property: transform;
 
+  transition-property: transform;
 
+  transition-property: transform, -webkit-transform;
 
+  -webkit-box-sizing: content-box;
 
+  box-sizing: content-box;
 
+}
 
+.swiper-container-android .swiper-slide,
 
+.swiper-wrapper {
 
+  -webkit-transform: translate3d(0px, 0, 0);
 
+  transform: translate3d(0px, 0, 0);
 
+}
 
+.swiper-container-multirow > .swiper-wrapper {
 
+  -webkit-flex-wrap: wrap;
 
+  -ms-flex-wrap: wrap;
 
+  flex-wrap: wrap;
 
+}
 
+.swiper-container-free-mode > .swiper-wrapper {
 
+  -webkit-transition-timing-function: ease-out;
 
+  -o-transition-timing-function: ease-out;
 
+  transition-timing-function: ease-out;
 
+  margin: 0 auto;
 
+}
 
+.swiper-slide {
 
+  -webkit-flex-shrink: 0;
 
+  -ms-flex-negative: 0;
 
+  flex-shrink: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+  position: relative;
 
+  -webkit-transition-property: -webkit-transform;
 
+  transition-property: -webkit-transform;
 
+  -o-transition-property: transform;
 
+  transition-property: transform;
 
+  transition-property: transform, -webkit-transform;
 
+}
 
+.swiper-slide-invisible-blank {
 
+  visibility: hidden;
 
+}
 
+/* Auto Height */
 
+.swiper-container-autoheight,
 
+.swiper-container-autoheight .swiper-slide {
 
+  height: auto;
 
+}
 
+.swiper-container-autoheight .swiper-wrapper {
 
+  -webkit-box-align: start;
 
+  -webkit-align-items: flex-start;
 
+  -ms-flex-align: start;
 
+  align-items: flex-start;
 
+  -webkit-transition-property: height, -webkit-transform;
 
+  transition-property: height, -webkit-transform;
 
+  -o-transition-property: transform, height;
 
+  transition-property: transform, height;
 
+  transition-property: transform, height, -webkit-transform;
 
+}
 
+/* 3D Effects */
 
+.swiper-container-3d {
 
+  -webkit-perspective: 1200px;
 
+  perspective: 1200px;
 
+}
 
+.swiper-container-3d .swiper-wrapper,
 
+.swiper-container-3d .swiper-slide,
 
+.swiper-container-3d .swiper-slide-shadow-left,
 
+.swiper-container-3d .swiper-slide-shadow-right,
 
+.swiper-container-3d .swiper-slide-shadow-top,
 
+.swiper-container-3d .swiper-slide-shadow-bottom,
 
+.swiper-container-3d .swiper-cube-shadow {
 
+  -webkit-transform-style: preserve-3d;
 
+  transform-style: preserve-3d;
 
+}
 
+.swiper-container-3d .swiper-slide-shadow-left,
 
+.swiper-container-3d .swiper-slide-shadow-right,
 
+.swiper-container-3d .swiper-slide-shadow-top,
 
+.swiper-container-3d .swiper-slide-shadow-bottom {
 
+  position: absolute;
 
+  left: 0;
 
+  top: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+  pointer-events: none;
 
+  z-index: 10;
 
+}
 
+.swiper-container-3d .swiper-slide-shadow-left {
 
+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 
+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+}
 
+.swiper-container-3d .swiper-slide-shadow-right {
 
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+}
 
+.swiper-container-3d .swiper-slide-shadow-top {
 
+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+}
 
+.swiper-container-3d .swiper-slide-shadow-bottom {
 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
 
+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 
+}
 
+/* IE10 Windows Phone 8 Fixes */
 
+.swiper-container-wp8-horizontal,
 
+.swiper-container-wp8-horizontal > .swiper-wrapper {
 
+  -ms-touch-action: pan-y;
 
+  touch-action: pan-y;
 
+}
 
+.swiper-container-wp8-vertical,
 
+.swiper-container-wp8-vertical > .swiper-wrapper {
 
+  -ms-touch-action: pan-x;
 
+  touch-action: pan-x;
 
+}
 
+.swiper-button-prev,
 
+.swiper-button-next {
 
+  position: absolute;
 
+  top: 50%;
 
+  width: 27px;
 
+  height: 44px;
 
+  margin-top: -22px;
 
+  z-index: 10;
 
+  cursor: pointer;
 
+  background-size: 27px 44px;
 
+  background-position: center;
 
+  background-repeat: no-repeat;
 
+}
 
+.swiper-button-prev.swiper-button-disabled,
 
+.swiper-button-next.swiper-button-disabled {
 
+  opacity: 0.35;
 
+  cursor: auto;
 
+  pointer-events: none;
 
+}
 
+.swiper-button-prev,
 
+.swiper-container-rtl .swiper-button-next {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 
+  left: 10px;
 
+  right: auto;
 
+}
 
+.swiper-button-next,
 
+.swiper-container-rtl .swiper-button-prev {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 
+  right: 10px;
 
+  left: auto;
 
+}
 
+.swiper-button-prev.swiper-button-white,
 
+.swiper-container-rtl .swiper-button-next.swiper-button-white {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 
+}
 
+.swiper-button-next.swiper-button-white,
 
+.swiper-container-rtl .swiper-button-prev.swiper-button-white {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 
+}
 
+.swiper-button-prev.swiper-button-black,
 
+.swiper-container-rtl .swiper-button-next.swiper-button-black {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 
+}
 
+.swiper-button-next.swiper-button-black,
 
+.swiper-container-rtl .swiper-button-prev.swiper-button-black {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 
+}
 
+.swiper-button-lock {
 
+  display: none;
 
+}
 
+.swiper-pagination {
 
+  position: absolute;
 
+  text-align: center;
 
+  -webkit-transition: 300ms opacity;
 
+  -o-transition: 300ms opacity;
 
+  transition: 300ms opacity;
 
+  -webkit-transform: translate3d(0, 0, 0);
 
+  transform: translate3d(0, 0, 0);
 
+  z-index: 10;
 
+}
 
+.swiper-pagination.swiper-pagination-hidden {
 
+  opacity: 0;
 
+}
 
+/* Common Styles */
 
+.swiper-pagination-fraction,
 
+.swiper-pagination-custom,
 
+.swiper-container-horizontal > .swiper-pagination-bullets {
 
+  bottom: 10px;
 
+  left: 0;
 
+  width: 100%;
 
+}
 
+/* Bullets */
 
+.swiper-pagination-bullets-dynamic {
 
+  overflow: hidden;
 
+  font-size: 0;
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 
+  -webkit-transform: scale(0.33);
 
+  -ms-transform: scale(0.33);
 
+  transform: scale(0.33);
 
+  position: relative;
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
 
+  -webkit-transform: scale(1);
 
+  -ms-transform: scale(1);
 
+  transform: scale(1);
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
 
+  -webkit-transform: scale(1);
 
+  -ms-transform: scale(1);
 
+  transform: scale(1);
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
 
+  -webkit-transform: scale(0.66);
 
+  -ms-transform: scale(0.66);
 
+  transform: scale(0.66);
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
 
+  -webkit-transform: scale(0.33);
 
+  -ms-transform: scale(0.33);
 
+  transform: scale(0.33);
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
 
+  -webkit-transform: scale(0.66);
 
+  -ms-transform: scale(0.66);
 
+  transform: scale(0.66);
 
+}
 
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
 
+  -webkit-transform: scale(0.33);
 
+  -ms-transform: scale(0.33);
 
+  transform: scale(0.33);
 
+}
 
+.swiper-pagination-bullet {
 
+  width: 8px;
 
+  height: 8px;
 
+  display: inline-block;
 
+  border-radius: 100%;
 
+  background: #000;
 
+  opacity: 0.2;
 
+}
 
+button.swiper-pagination-bullet {
 
+  border: none;
 
+  margin: 0;
 
+  padding: 0;
 
+  -webkit-box-shadow: none;
 
+  box-shadow: none;
 
+  -webkit-appearance: none;
 
+  -moz-appearance: none;
 
+  appearance: none;
 
+}
 
+.swiper-pagination-clickable .swiper-pagination-bullet {
 
+  cursor: pointer;
 
+}
 
+.swiper-pagination-bullet-active {
 
+  opacity: 1;
 
+  background: #007aff;
 
+}
 
+.swiper-container-vertical > .swiper-pagination-bullets {
 
+  right: 10px;
 
+  top: 50%;
 
+  -webkit-transform: translate3d(0px, -50%, 0);
 
+  transform: translate3d(0px, -50%, 0);
 
+}
 
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
 
+  margin: 6px 0;
 
+  display: block;
 
+}
 
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 
+  top: 50%;
 
+  -webkit-transform: translateY(-50%);
 
+  -ms-transform: translateY(-50%);
 
+  transform: translateY(-50%);
 
+  width: 8px;
 
+}
 
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 
+  display: inline-block;
 
+  -webkit-transition: 200ms top, 200ms -webkit-transform;
 
+  transition: 200ms top, 200ms -webkit-transform;
 
+  -o-transition: 200ms transform, 200ms top;
 
+  transition: 200ms transform, 200ms top;
 
+  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
 
+}
 
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
 
+  margin: 0 4px;
 
+}
 
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 
+  left: 50%;
 
+  -webkit-transform: translateX(-50%);
 
+  -ms-transform: translateX(-50%);
 
+  transform: translateX(-50%);
 
+  white-space: nowrap;
 
+}
 
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 
+  -webkit-transition: 200ms left, 200ms -webkit-transform;
 
+  transition: 200ms left, 200ms -webkit-transform;
 
+  -o-transition: 200ms transform, 200ms left;
 
+  transition: 200ms transform, 200ms left;
 
+  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
 
+}
 
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 
+  -webkit-transition: 200ms right, 200ms -webkit-transform;
 
+  transition: 200ms right, 200ms -webkit-transform;
 
+  -o-transition: 200ms transform, 200ms right;
 
+  transition: 200ms transform, 200ms right;
 
+  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
 
+}
 
+/* Progress */
 
+.swiper-pagination-progressbar {
 
+  background: rgba(0, 0, 0, 0.25);
 
+  position: absolute;
 
+}
 
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 
+  background: #007aff;
 
+  position: absolute;
 
+  left: 0;
 
+  top: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+  -webkit-transform: scale(0);
 
+  -ms-transform: scale(0);
 
+  transform: scale(0);
 
+  -webkit-transform-origin: left top;
 
+  -ms-transform-origin: left top;
 
+  transform-origin: left top;
 
+}
 
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 
+  -webkit-transform-origin: right top;
 
+  -ms-transform-origin: right top;
 
+  transform-origin: right top;
 
+}
 
+.swiper-container-horizontal > .swiper-pagination-progressbar,
 
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
 
+  width: 100%;
 
+  height: 4px;
 
+  left: 0;
 
+  top: 0;
 
+}
 
+.swiper-container-vertical > .swiper-pagination-progressbar,
 
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
 
+  width: 4px;
 
+  height: 100%;
 
+  left: 0;
 
+  top: 0;
 
+}
 
+.swiper-pagination-white .swiper-pagination-bullet-active {
 
+  background: #ffffff;
 
+}
 
+.swiper-pagination-progressbar.swiper-pagination-white {
 
+  background: rgba(255, 255, 255, 0.25);
 
+}
 
+.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
 
+  background: #ffffff;
 
+}
 
+.swiper-pagination-black .swiper-pagination-bullet-active {
 
+  background: #000000;
 
+}
 
+.swiper-pagination-progressbar.swiper-pagination-black {
 
+  background: rgba(0, 0, 0, 0.25);
 
+}
 
+.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
 
+  background: #000000;
 
+}
 
+.swiper-pagination-lock {
 
+  display: none;
 
+}
 
+/* Scrollbar */
 
+.swiper-scrollbar {
 
+  border-radius: 10px;
 
+  position: relative;
 
+  -ms-touch-action: none;
 
+  background: rgba(0, 0, 0, 0.1);
 
+}
 
+.swiper-container-horizontal > .swiper-scrollbar {
 
+  position: absolute;
 
+  left: 1%;
 
+  bottom: 3px;
 
+  z-index: 50;
 
+  height: 5px;
 
+  width: 98%;
 
+}
 
+.swiper-container-vertical > .swiper-scrollbar {
 
+  position: absolute;
 
+  right: 3px;
 
+  top: 1%;
 
+  z-index: 50;
 
+  width: 5px;
 
+  height: 98%;
 
+}
 
+.swiper-scrollbar-drag {
 
+  height: 100%;
 
+  width: 100%;
 
+  position: relative;
 
+  background: rgba(0, 0, 0, 0.5);
 
+  border-radius: 10px;
 
+  left: 0;
 
+  top: 0;
 
+}
 
+.swiper-scrollbar-cursor-drag {
 
+  cursor: move;
 
+}
 
+.swiper-scrollbar-lock {
 
+  display: none;
 
+}
 
+.swiper-zoom-container {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: -webkit-box;
 
+  display: -webkit-flex;
 
+  display: -ms-flexbox;
 
+  display: flex;
 
+  -webkit-box-pack: center;
 
+  -webkit-justify-content: center;
 
+  -ms-flex-pack: center;
 
+  justify-content: center;
 
+  -webkit-box-align: center;
 
+  -webkit-align-items: center;
 
+  -ms-flex-align: center;
 
+  align-items: center;
 
+  text-align: center;
 
+}
 
+.swiper-zoom-container > img,
 
+.swiper-zoom-container > svg,
 
+.swiper-zoom-container > canvas {
 
+  max-width: 100%;
 
+  max-height: 100%;
 
+  -o-object-fit: contain;
 
+  object-fit: contain;
 
+}
 
+.swiper-slide-zoomed {
 
+  cursor: move;
 
+}
 
+/* Preloader */
 
+.swiper-lazy-preloader {
 
+  width: 42px;
 
+  height: 42px;
 
+  position: absolute;
 
+  left: 50%;
 
+  top: 50%;
 
+  margin-left: -21px;
 
+  margin-top: -21px;
 
+  z-index: 10;
 
+  -webkit-transform-origin: 50%;
 
+  -ms-transform-origin: 50%;
 
+  transform-origin: 50%;
 
+  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
 
+  animation: swiper-preloader-spin 1s steps(12, end) infinite;
 
+}
 
+.swiper-lazy-preloader:after {
 
+  display: block;
 
+  content: '';
 
+  width: 100%;
 
+  height: 100%;
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 
+  background-position: 50%;
 
+  background-size: 100%;
 
+  background-repeat: no-repeat;
 
+}
 
+.swiper-lazy-preloader-white:after {
 
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 
+}
 
+@-webkit-keyframes swiper-preloader-spin {
 
+  100% {
 
+    -webkit-transform: rotate(360deg);
 
+    transform: rotate(360deg);
 
+  }
 
+}
 
+@keyframes swiper-preloader-spin {
 
+  100% {
 
+    -webkit-transform: rotate(360deg);
 
+    transform: rotate(360deg);
 
+  }
 
+}
 
+/* a11y */
 
+.swiper-container .swiper-notification {
 
+  position: absolute;
 
+  left: 0;
 
+  top: 0;
 
+  pointer-events: none;
 
+  opacity: 0;
 
+  z-index: -1000;
 
+}
 
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
 
+  -webkit-transition-timing-function: ease-out;
 
+  -o-transition-timing-function: ease-out;
 
+  transition-timing-function: ease-out;
 
+}
 
+.swiper-container-fade .swiper-slide {
 
+  pointer-events: none;
 
+  -webkit-transition-property: opacity;
 
+  -o-transition-property: opacity;
 
+  transition-property: opacity;
 
+}
 
+.swiper-container-fade .swiper-slide .swiper-slide {
 
+  pointer-events: none;
 
+}
 
+.swiper-container-fade .swiper-slide-active,
 
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
 
+  pointer-events: auto;
 
+}
 
+.swiper-container-cube {
 
+  overflow: visible;
 
+}
 
+.swiper-container-cube .swiper-slide {
 
+  pointer-events: none;
 
+  -webkit-backface-visibility: hidden;
 
+  backface-visibility: hidden;
 
+  z-index: 1;
 
+  visibility: hidden;
 
+  -webkit-transform-origin: 0 0;
 
+  -ms-transform-origin: 0 0;
 
+  transform-origin: 0 0;
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+.swiper-container-cube .swiper-slide .swiper-slide {
 
+  pointer-events: none;
 
+}
 
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
 
+  -webkit-transform-origin: 100% 0;
 
+  -ms-transform-origin: 100% 0;
 
+  transform-origin: 100% 0;
 
+}
 
+.swiper-container-cube .swiper-slide-active,
 
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
 
+  pointer-events: auto;
 
+}
 
+.swiper-container-cube .swiper-slide-active,
 
+.swiper-container-cube .swiper-slide-next,
 
+.swiper-container-cube .swiper-slide-prev,
 
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
 
+  pointer-events: auto;
 
+  visibility: visible;
 
+}
 
+.swiper-container-cube .swiper-slide-shadow-top,
 
+.swiper-container-cube .swiper-slide-shadow-bottom,
 
+.swiper-container-cube .swiper-slide-shadow-left,
 
+.swiper-container-cube .swiper-slide-shadow-right {
 
+  z-index: 0;
 
+  -webkit-backface-visibility: hidden;
 
+  backface-visibility: hidden;
 
+}
 
+.swiper-container-cube .swiper-cube-shadow {
 
+  position: absolute;
 
+  left: 0;
 
+  bottom: 0px;
 
+  width: 100%;
 
+  height: 100%;
 
+  background: #000;
 
+  opacity: 0.6;
 
+  -webkit-filter: blur(50px);
 
+  filter: blur(50px);
 
+  z-index: 0;
 
+}
 
+.swiper-container-flip {
 
+  overflow: visible;
 
+}
 
+.swiper-container-flip .swiper-slide {
 
+  pointer-events: none;
 
+  -webkit-backface-visibility: hidden;
 
+  backface-visibility: hidden;
 
+  z-index: 1;
 
+}
 
+.swiper-container-flip .swiper-slide .swiper-slide {
 
+  pointer-events: none;
 
+}
 
+.swiper-container-flip .swiper-slide-active,
 
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
 
+  pointer-events: auto;
 
+}
 
+.swiper-container-flip .swiper-slide-shadow-top,
 
+.swiper-container-flip .swiper-slide-shadow-bottom,
 
+.swiper-container-flip .swiper-slide-shadow-left,
 
+.swiper-container-flip .swiper-slide-shadow-right {
 
+  z-index: 0;
 
+  -webkit-backface-visibility: hidden;
 
+  backface-visibility: hidden;
 
+}
 
+.swiper-container-coverflow .swiper-wrapper {
 
+  /* Windows 8 IE 10 fix */
 
+  -ms-perspective: 1200px;
 
+}

+ 367 - 0
index.html
View File 

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

+<html lang="en">

+<head>

+    <meta charset="utf-8">

+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

+    <meta name="description" content="">

+    <meta name="author" content="">

+  	<meta property="og:site_name" content="" /> 

+  	<meta property="og:site" content="" />

+  	<meta property="og:title" content=""/> 

+  	<meta property="og:description" content="" />

+  	<meta property="og:image" content="" />

+  	<meta property="og:url" content="" />

+  	<meta name="twitter:card" content="summary_large_image">

+    <title>Hodges Law Firm</title>

+    <link rel="stylesheet" href="https://use.typekit.net/drq6pdw.css">

+    <link href="css/bootstrap.min.css" rel="stylesheet">

+    <link href="css/fontawesome-all.min.css" rel="stylesheet">

+    <link href="css/swiper.css" rel="stylesheet">

+	  <link href="css/styles.css" rel="stylesheet">

+    <link rel="icon" href="img/favicon.png">

+</head>

+<body data-bs-spy="scroll" data-offset="135" data-bs-target="#navbar">

+

+<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-light" aria-label="Main navigation">

+  <div class="container">

+    <a class="navbar-brand logo-image" href="index.html"><img src="img/Hodges_Law_Firm-logo.png" alt="The Hodges Law Firm LLC"></a>

+    <button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">

+    <span class="navbar-toggler-icon"></span>

+    </button>

+    <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">

+      <ul class="navbar-nav ms-auto navbar-nav-scroll">

+        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#about">About</a></li>

+        <li class="nav-item"><a class="nav-link" href="#practice">Practice</a></li>

+        <li class="nav-item"><a class="nav-link" href="#attorneys">Attorneys</a></li>

+        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>

+      </ul>

+      <span class="nav-item"><a class="btn-solid-sm" href="tel:8645384114"><i class="fas fa-phone-square-alt"></i> &nbsp; 864-538-4114</a></span>

+    </div>

+  </div>

+</nav>

+

+<header id="about" class="header">

+  <div class="container mt-3">

+    <div class="row">

+      <div class="col-lg-6 col-xl-5">

+        <div class="text-container">

+          <h2 class="franklin h3-large">Serving the Citizens of Upstate South Carolina</h2>

+          <p class="p-large">Since 2013 our office in Uptown Greenwood has been serving the legal needs of the residents of Greenwood, as well their neighbors in Abbeville, Edgefield, Laurens, McCormick, Newberry and Saluda.  Our attorneys are also proud of their history of civic service through their charitable work and involvement in community organizations. We are a small family firm that provides personal attention and quality representation to every client.  If you have legal trouble, please call us for a free consultation to see if we can help you in your time of need.</p>

+        </div>

+      </div>

+      <div class="col-lg-6 col-xl-7">

+        <div class="image-container">

+          <img class="img-fluid" src="img/andrew_hodges.jpg" alt="The Hodges Law Firm">

+        </div>

+      </div>

+    </div>

+  </div>

+</header>

+

+<div id="practice" class="cards-1 mt-3">

+  <div class="container">

+    <div class="row">

+      <div class="col-lg-12">               

+        <div class="card">

+          <div class="card-body">

+            <h5 class="franklin card-title"><span class="legal-icons"><i class="fas fa-balance-scale"></i></span> &nbsp;Family Court</h5>

+            <p>The Family Court has exclusive jurisdiction over all matters involving domestic or family relationships</p>

+            <ul class="list-unstyled li-space-lg">

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Divorce and legal separation</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Child custody and visitation</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Elder abuse</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">DSS abuse and neglect</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Name change</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Certified mediation services</div>

+              </li>

+            </ul>

+          </div>

+        </div>

+        <div class="card">

+          <div class="card-body">

+            <h5 class="franklin card-title"><span class="legal-icons"><i class="fas fa-file-contract"></i></span> &nbsp;Probate Court</h5>

+            <p>The Probate Court has jurisdiction over matters such as estates of deceased persons, protection of incompetents and commitments of the mentally ill or chemically dependent</p>

+            <ul class="list-unstyled li-space-lg">

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Wills and Living Wills</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Guardianship of incompetents</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Conservatorships for minors and incompetents</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Estates</div>

+              </li>

+            </ul>

+          </div>

+        </div>

+        <div class="card">

+          <div class="card-body">

+            <h5 class="franklin card-title"><span class="legal-icons"><i class="fas fa-car-crash"></i></span> &nbsp;Personal Injury</h5>

+            <p>If another party causes harm to your mind or body, you may be able to collect monetary damages to compensate you for medical bills, pain and suffering, and diminished quality of life</p>

+            <ul class="list-unstyled li-space-lg">

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Traffic accidents</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Work accidents</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Slip and fall</div>

+              </li>

+              <li class="d-flex">

+                <i class="fas fa-check"></i>

+                <div class="flex-grow-1">Defective products</div>

+              </li>

+            </ul>

+          </div>

+        </div>

+      </div>

+    </div>

+  </div>

+</div>

+

+<div id="attorneys">

+  <div class="container mt-5 mb-5">

+    <div class="row">

+      <div class="col-lg-6 col-xl-5">

+        <div class="image-container">

+          <img class="img-fluid" src="img/andrew_hodges.jpg" alt="Andrew Hodges">

+        </div>

+      </div>

+      <div class="col-lg-6 col-xl-7">

+        <div class="text-container">

+          <h3 class="franklin"><span>Representation</span> You Can Trust</h3>

+          <p>With more than 50 years of combined legal experience, you can expect our attorneys to provide experienced advice and vigorous advocacy.  Because we are a small family firm, you can also expect us to be accessible and responsive to your needs.  Our practice areas include family court, probate court and personal injury.  If you need legal advice or representation, please call our office to arrange for a free consultation.</p>

+          <br />

+          <a role='button' class="btn-solid-reg" data-bs-toggle="modal" data-bs-target="#andrew">Andrew Hodges</a>

+          <a role='button' class="btn-solid-reg" data-bs-toggle="modal" data-bs-target="#dawn">Dawn Puderbaugh Hodges</a>

+        </div>

+      </div>

+    </div>

+  </div>

+</div>

+

+<div id="andrew" class="modal fade" tabindex="-1" aria-hidden="true">

+  <div class="modal-dialog">

+    <div class="modal-content">

+      <div class="row">

+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

+        <div class="col-lg-6">

+          <h3>Andrew Hodges</h3>

+          <hr>

+          <p>Andrew Hodges grew up in Kansas, but has practiced law in Greenwood for over twenty-five years.  After graduating as high school valedictorian, he attended college at the University of Kansas where he graduated in 1993 from the William Allen White School of Journalism and Mass Communications.  He then attended the University of Kansas School of Law where he met his wife and law partner.  He remains an avid fan of Kansas Jayhawks basketball.</p>

+          <p>Mr. Hodges began his legal career in Greenwood in 1996 as a prosecutor for the Eighth Circuit Solicitor's Office where he served the citizens of Abbeville, Greenwood, Laurens and Newberry Counties for sixteen years.  During his service as a prosecutor, he was honored by then-United States Attorney Bill Nettles with the 2010 Ernest F. Hollings Award for Excellence in State Prosecution.  He also received the 2016 National Crime Victims' Rights Week Certificate of Appreciation for Outstanding Service on Behalf of Victims.</p>

+          <p>In 2013, Mr. Hodges opened the Hodges Law Firm, LLC, where he handles a variety of legal matters in Upstate South Carolina including divorce, child custody and visitation, personal injury and probate.  He often serves in the family courts as Guardian ad litem to protect the best interests of children.  Mr. Hodges is also certified by the South Carolina Supreme Court as a family court mediator.</p>

+          <p>Mr. Hodges recognizes that courtroom skill and legal knowledge are only a part of what makes a great attorney.  Greatness also requires service to others.  Mr. Hodges donates a significant amount of his time to civic leadership and public service.  Mr. Hodges is on the board of directors for the Greater Greenwood Parks and Trails Foundation and is an Assistant Scoutmaster for BSA Troop 313.  He is a member of the Emerald City Rotary Club where he has served as club President and as Assistant Governor for Rotary District 7750.  He is a member and past Master of Mathews Lodge No. 358 of Ancient Free Masons.  Mr. Hodges served for six years on the board of directors at Beyond Abuse.  He has taught several different law-related classes as an adjunct instructor at both Erskine College and Lander University.  He is a member of the Episcopal Church of the Resurrection.  In sum, Mr. Hodges works hard to improve the quality of life for his clients, his family and his community.</p>

+        </div>

+        <div class="col-lg-6">

+          <h4>Professional Experience</h4>

+          <ul>

+            <li>Owner of The Hodges Law Firm, LLC (2013 - present)</li>

+            <li>Deputy Solicitor for the Eighth Judicial Circuit (2005 - 2013)</li>

+            <li>Adjunct Instructor at Erskine College (2016)</li>

+            <li>Adjunct Instructor at Lander University (2012 -&nbsp;2016)</li>

+            <li>Assistant Solicitor for the Eighth Judicial Circuit (1996 - 2005)</li>

+          </ul>

+          <h4>Education</h4>

+          <ul>

+            <li>Juris Doctor, University of Kansas School of Law (1995)</li>

+            <li>B.S. in Journalism, University of Kansas (1993)</li>

+          </ul>

+          <h4>Awards</h4>

+          <ul>

+            <li>2016 National Crime Victims' Rights Week Certificate of Appreciation for Outstanding Service on Behalf of Victims</li>

+            <li>2010 Ernest F. Hollings Award for Excellence in State Prosecution</li>

+            <li>Distinguished rating with Martindale-Hubbell</li>

+          </ul>

+          <h4>Community Involvement</h4>

+          <ul>

+            <li>Committee Member - Eighth Circuit Domestic Violence Fatality Review Committee</li>

+            <li>Past Assistant Governor - Rotary District 7750, Area 9</li><li>Past President - Emerald City Rotary Club</li>

+            <li>Board of Directors - Greater Greenwood Parks and Trails Foundation</li>

+            <li>Board of Directors - Beyond Abuse</li>

+            <li>Assistant Scoutmaster - BSA Troop 313</li>

+            <li>Past Master - Mathews Lodge No. 358 Ancient Free Masons</li>

+            <li>Member - Episcopal Church of the Resurrection</li>

+          </ul>

+        </div>

+      </div>

+    </div>

+  </div>

+</div>

+    

+<div id="dawn" class="modal fade" tabindex="-1" aria-hidden="true">

+  <div class="modal-dialog">

+    <div class="modal-content">

+      <div class="row">

+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

+        <div class="col-lg-6">

+          <h3>Dawn Puderbaugh Hodges</h3>

+          <hr>

+          <p>Dawn Puderbaugh Hodges is a Kansas native, but has practiced law in Greenwood for over twenty-five years. She earned an undergraduate degree in Social Work from the University of Kansas in 1992. Four years later she earned both a Masters in Social Work and a Juris Doctor degree in a joint degree program at the University of Kansas.</p>

+          <p>Before joining The Hodges Law Firm, LLC, in 2021, Ms. Hodges had a long career in the public service and non-profit sectors. She has worked as a prosector, public defender and managing attorney for the South Carolina Department of Social Services. She served as the Executive Director of the Bowers-Rodgers Children's Home and as Administrator at the Greenwood Genetics Center.</p>

+          <p>Ms. Hodges donates a significant amount of her time to civic leadership and public service. Over the years she has served on several non-profit boards in Greenwood including the United Center for Community Care, the United Way of the Lakelands, and American Red Cross. She was also on the Burton Center Board of Visitors and on the Non-Profit Council through the Greenwood SC Chamber of Commerce. Ms. Hodges has been a member of the Greenwood Kiwanis Club since 2000. She served as their club President and was named The Outstanding Club President for the Carolinas. Ms. Hodges was elected to serve in 2015 as Governor of the Carolinas District to help improve the lives of children in North and South Carolina. In 2020, she was recognized by Kiwanis International as a Distinguished Assistant District Administrator for her work with college students involved in Circle K International. She is currently the Key Club advisor at Emerald High School. Ms. Hodges teaches Business Law as an adjunct instructor at Erskine College. Finally, she is a member of the Episcopal Church of the Resurrection where she is a delegate to the Upper South Carolina Diocesan Convention and where she also volunteers as an after-school tutor.</p>

+          <p>Ms. Hodges handles a variety of legal matters in Upstate South Carolina including divorce, child custody and visitation, elder abuse, DSS abuse and neglect and probate. She also serves in the family courts as Guardian ad litem to protect the best interests of children.</p>

+        </div>

+        <div class="col-lg-6">

+          <h4>Professional Experience</h4>

+          <ul>

+            <li>South Carolina Department of Social Services - Prosector, Public Defender and Managing Attorney</li>

+            <li>Erskine College - Business Law Adjunct Professor</li>

+            <li>Bowers-Rodgers Children's Home - Executive Director</li>

+            <li>Greenwood Genetics Center - Administrator</li>

+          </ul>

+          <h4>Education</h4>

+          <ul>

+            <li>Juris Doctor, University of Kansas School of Law (1996)</li>

+            <li>Masters in Social Work, University of Kansas (1996)</li>

+            <li>B.S. in Social Work, University of Kansas (1992)</li>

+          </ul>

+          <h4>Awards</h4>

+          <ul>

+            <li>Greenwood Kiwanis Club - Outstanding Club President for the Carolinas</li>

+            <li>Kiwanis Club - 2015 Governor of the Carolinas District</li>

+            <li>Kiwanis International - Distinguished Assistant District Administrator</li>

+          </ul>

+          <h4>Community Involvement</h4>

+          <ul>

+            <li>Guardian Ad Litem - South Carolina Bar</li>

+            <li>Board of Directors - United Center for Community Care</li>

+            <li>Board of Directors - United Way of the Lakelands</li>

+            <li>Board of Directors - American Red Cross</li>

+            <li>Board of Visitors - Burton Center</li>

+            <li>Board of Directors - Greenwood SC Chamber of Commerce Non-Profit Council</li>

+            <li>President - Greenwood Kiwanis Club</li>

+            <li>Key Club Advisor - Emerald High School</li>

+            <li>Member - Episcopal Church of the Resurrection</li>

+            <li>Delegate - Upper South Carolina Diocesan Convention</li>

+          </ul>

+        </div>

+      </div>

+    </div>

+  </div>

+</div>

+

+<div class="slider-1">

+  <div class="container">

+    <div class="row">

+      <div class="col-lg-12">

+        <h4 class="franklin">Reviews</h4>

+        <p>Thank you to our clients who have taken the time to review our services. You may write a review on either <a target="_blank" href="https://g.page/r/Cf1I9e0ieZ-fEAg/review">Google</a> or <a target="_blank" href="https://www.facebook.com/THEHODGESLAWFIRM/">Facebook</a>.</p>

+        <div class="slider-container">

+          <div class="swiper-container card-slider">

+            <div class="swiper-wrapper">

+              <div class="swiper-slide">

+                <div class="card">

+                  <div class="card-body">

+                    <p class="testimonial-text">"Professionalism, Quality, Responsiveness, Value"</p>

+

+                  </div>

+                </div> 

+              </div>

+              <div class="swiper-slide">

+                <div class="card">

+                  <div class="card-body">

+                    <p class="testimonial-text">"Although Andrew is very soft spoken, as a former solicitor he has stood on both sides of the fence (defense and prosecutor) and is pretty knowledgeable about the law...the ins and outs. Everything I asked for....he did!"</p>

+

+                  </div>

+                </div> 

+              </div>

+              <div class="swiper-slide">

+                <div class="card">

+                  <div class="card-body">

+                    <p class="testimonial-text">"I highly recommended this Law firm! Lawyers that care about your case not just your money.. Regardless of your location... The Hodges law firm,LLC Should be your first choice."</p>

+ 

+                  </div>

+                </div> 

+              </div>

+              <div class="swiper-slide">

+                <div class="card">

+                  <div class="card-body">

+                    <p class="testimonial-text">"Mr. Hodges takes time to answer questions and is sincere when handling a case. He's straightforward, yet tactful, and doesn't tell you what you wanna hear but what you need to know. He is thorough and hardworking and really knows his stuff. I appreciate his help. Thanks Andrew Hodges!"</p>

+

+                  </div>

+                </div> 

+              </div>

+            </div> 

+          <div class="swiper-button-next"></div>

+          <div class="swiper-button-prev"></div>

+          </div>

+        </div>

+      </div>

+    </div>

+  </div>

+</div>

+

+<div id="contact" class="footer">

+  <img class="decoration-city" src="img/decoration-city.svg" alt="The Hodges Law Firm">

+  <div class="container mt-3 mb-5 pb-5">

+    <div class="row">

+      <div class="col-lg-12">

+        <h2 class="franklin h2-heading">Contact</h2>

+        <ul class="list-unstyled li-space-lg h5">

+          <li><i class="fas fa-map-marker-alt"></i> &nbsp;109 West Court Avenue<br>Greenwood, SC 29646 (<a href="https://www.google.com/maps/place/109+Court+Ave+W,+Greenwood,+SC+29646"><span class="fs-6"><i class="fas fa-external-link-alt"></i></span></a>)</li>

+          <li><i class="fas far fa-building"></i> &nbsp;Office Hours: Mon-Fri 9am-5pm

+          <li><i class="fas fa-envelope"></i> &nbsp;Email: <a href="mailto:&#105;&#110;&#102;&#111;&#064;&#104;&#111;&#100;&#103;&#101;&#115;&#045;&#108;&#097;&#119;&#045;&#102;&#105;&#114;&#109;&#046;&#099;&#111;&#109;">&#105;&#110;&#102;&#111;&#064;&#104;&#111;&#100;&#103;&#101;&#115;&#045;&#108;&#097;&#119;&#045;&#102;&#105;&#114;&#109;&#046;&#099;&#111;&#109;</a></li>

+          <li><i class="fas fa-phone"></i> &nbsp;Telephone: <a href="tel:8645384114">864-538-4114</a></li>

+          <li><i class="fas fa-fax"></i> &nbsp;Fax: 864-538-4226</li>

+          <br /><li><i class="fab fa-facebook"></i> &nbsp;<a target="_blank" href="https://www.facebook.com/THEHODGESLAWFIRM/">Facebook</a></li>

+          <li><i class="fab fa-google"></i> &nbsp;<a target="_blank" href="https://www.google.com/maps/place/The+Hodges+Law+Firm,+LLC/@34.1895833,-82.161786,336m/data=!3m1!1e3!4m5!3m4!1s0x88f80172c8ac9289:0x9f9f7922edf548fd!8m2!3d34.190939!4d-82.162177">Google</a></li>

+        </ul>

+      </div>

+    </div>

+  </div>

+</div>

+

+<div class="copyright">

+  <div class="container">

+    <div class="row">

+      <div class="col-lg-6">

+        <ul class="list-unstyled li-space-lg p-small">

+          <li><a href="_privacy.html">Privacy Policy</a></li>

+        </ul>

+      </div>

+      <div class="col-lg-3">

+      </div>

+      <div class="col-lg-3">

+        <p class="p-small statement">© <a href="#">The Hodges Law Firm, LLC</a></p>

+      </div>

+    </div>

+  </div>

+</div>

+

+<button onclick="topFunction()" id="myBtn">

+  <img src="img/up-arrow.png" alt="alternative">

+</button>

+<script src="js/bootstrap.min.js"></script>

+<script src="js/swiper.min.js"></script>

+<script src="js/scripts.js"></script>

+</body>

+</html>

File diff suppressed because it is too large
+ 5 - 0
js/bootstrap.min.js


File diff suppressed because it is too large
+ 10 - 0
js/isotope.pkgd.min.js


File diff suppressed because it is too large
+ 0 - 0
js/purecounter.min.js


+ 59 - 0
js/scripts.js
View File 

@@ -0,0 +1,59 @@
 
+window.onscroll = function () {

+	scrollFunction();

+	scrollFunctionBTT(); // back to top button

+};

+

+window.onload = function () {

+	scrollFunction();

+};

+

+function scrollFunction() {

+	if (document.documentElement.scrollTop > 30) {

+		document.getElementById("navbar").classList.add("top-nav-collapse");

+	} else if ( document.documentElement.scrollTop < 30 ) {

+		document.getElementById("navbar").classList.remove("top-nav-collapse");

+	}

+}

+

+let elements = document.querySelectorAll(".nav-link:not(.dropdown-toggle)");

+for (let i = 0; i < elements.length; i++) {

+	elements[i].addEventListener("click", () => {

+		document.querySelector(".offcanvas-collapse").classList.toggle("open");

+	});

+}

+document.querySelector(".navbar-toggler").addEventListener("click", () => {

+  	document.querySelector(".offcanvas-collapse").classList.toggle("open");

+});

+

+var cardSlider = new Swiper('.card-slider', {

+	autoplay: {

+		delay: 5000,

+		disableOnInteraction: false

+	},

+	loop: true,

+	navigation: {

+		nextEl: '.swiper-button-next',

+		prevEl: '.swiper-button-prev'

+	},

+	slidesPerView: 2,

+	spaceBetween: 70,

+	breakpoints: {

+		// when window is <= 991px

+		991: {

+			slidesPerView: 1

+		}

+	}

+});

+

+myButton = document.getElementById("myBtn");

+function scrollFunctionBTT() {

+	if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {

+		myButton.style.display = "block";

+	} else {

+		myButton.style.display = "none";

+	}

+}

+function topFunction() {

+	document.body.scrollTop = 0; // for Safari

+	document.documentElement.scrollTop = 0; // for Chrome, Firefox, IE and Opera

+}

File diff suppressed because it is too large
+ 11 - 0
js/swiper.min.js


+ 1 - 0
robots.txt
View File 

@@ -0,0 +1 @@
 
+User-agent: * Disallow: /

Some files were not shown because too many files changed in this diff