NJ Restraining Law
The Tormey Law Firm is dedicated to the vigorous pursuit of justice. Their battle-tested attorneys advocate for victims of domestic violence and defend the rights of the accused against false allegations.
After agreeing with my client on the general layout, the build process started with a static version of the home page. No Photoshop design process was needed, instead we went straight for the fully-functional, ready to ship HTML/CSS mockup.
Upon approval of the home page design, I proceeded with designing the inner pages, and creating a Wordpress theme from the mockups. Now every part of the website is easily editable by the client, and the code is clean and organized.
Design outline
HTML Code
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!-- ============== Basic Page Needs ============== -->
<meta charset="utf-8"/>
<title>NJ Restraining Order Lawyers</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- ================= Stylesheets ================ -->
<link rel="stylesheet" href="css/framework.css"/>
<link rel="stylesheet" href="css/plugins.css"/>
<link rel="stylesheet" href="css/theme.css"/>
</head>
<body class="home">
<!-- ======== Page Header ======== -->
<div class="page-top">
<header class="page-header">
<div class="row">
<div class="small-3 medium-2 columns hide-for-large">
<div class="mobile-nav">
<a id="menu-trigger" class="menu-trigger" data-toggle="collapse" data-target="#nav-primary">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<div class="small-12 medium-5 large-3 large-order-2 columns show-for-medium">
<form class="form-search">
<div class="input-group">
<input class="input-group-field" type="text">
<div class="input-group-button">
<input type="submit" class="button hollow" value="Search">
</div>
</div>
</form>
</div>
<div class="small-9 medium-5 large-3 large-order-3 columns text-right">
<ul class="social-list">
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-youtube"></i></a></li>
<li><a class="list-text phone" href="#" target="_blank">201-556-1570</a></li>
</ul>
</div>
<div class="small-12 large-6 large-order-1 columns">
<div class="page-navigation">
<nav class="nav-primary">
<ul id="nav-primary" class="sm sm-clean closed horizontal">
<li class="active">
<a href="index.html">Home</a>
</li>
<li>
<a href="firm-overview.html">Firm Overview</a>
</li>
<li>
<a href="about-us.html">Offices</a>
<ul>
<li><a href="service1.html">Hackensack | Bergen County Office</a></li>
<li><a href="service2.html">Morristown | Morris County Office</a></li>
<li><a href="service2.html">Newark | Essex County Office</a></li>
</ul>
</li>
<li>
<a href="about-us.html">Reviews</a>
</li>
<li>
<a href="about-us.html">Blog</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Page Intro -->
<div class="page-intro">
<div class="row">
<div class="small-12 medium-6 columns">
<h1 class="logo"><a href="index.html"><img src="images/company-logo.png" alt="The Tormey Law Firm"/></a></h1>
</div>
<div class="small-12 medium-6 columns">
<div class="page-intro-contact">
<p class="heading">Free Initial Consultation · 24 / 7</p>
<ul class="list-contact">
<li><a class="button tiny" href="#">Contact</a></li>
<li><a class="button tiny" href="#"><i class="fa fa-fw fa-phone"></i></a></li>
<li><a class="button tiny" href="#"><i class="fa fa-fw fa-envelope"></i></a></li>
<li><a class="button tiny" href="#"><i class="fa fa-fw fa-map"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END Page Header -->
<!-- ======== Page Body ======== -->
<section id="home-banner" class="home-banner">
<div class="banner-inner">
<div class="banner-shape-transparent">
<svg viewBox="0 0 100 100" preserveAspectRatio="none" class="banner-triangle">
<path d="M0 0 L100 100 H0 V0" />
</svg>
</div>
<div class="row align-justify align-bottom">
<div class="small-12 medium-6 columns">
<div class="banner-content">
<h2>Dedicated<br/> to The Vigorous<br/> Pursuit of Justice</h2>
<p>Travis J. Tormey is a <strong>highly experienced</strong> criminal and DWI <strong>defense attorney</strong> who has achieved countless successes defending clients facing assault, drug, theft and DWI charges in courts across New Jersey.</p>
<p><a href="#" class="button secondary hollow">read more</a></p>
</div>
</div>
<div class="small-12 medium-5 columns">
<div class="testimonial-block">
<h2 class="section-title mt-5">
<span>Client</span>
Reviews
</h2>
<div id="testimonial-slide" class="flexslider">
<ul class="slides">
<li>
<div class="testimonial">
<blockquote>
<p>Upon consultation I hired Travis Tormey to defend me in a very emotional and scary time of need [] <a class="full" href="#"><i class="fa fa fa-angle-double-right" aria-hidden="true"></i></a></p>
</blockquote>
<cite>Aaron</cite>
<span class="rating">★★★★★</span>
</div>
</li>
<li>
<div class="testimonial">
<blockquote>
<p>Case dismissed with Data Driven Facts.</p>
</blockquote>
<cite>a client</cite>
<span class="rating">★★★★★</span>
</div>
</li>
<li>
<div class="testimonial">
<blockquote>
<p>Undoubtedly, the BEST Law Firm in New Jersey!.</p>
</blockquote>
<cite>a client</cite>
<span class="rating">★★★★★</span>
</div>
</li>
</ul>
</div>
<a href="#" class="all-reviews">read all reviews <i class="fa fa fa-angle-double-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</section>
<div class="cta-ribbon">
<div class="row">
<div class="small-12 columns">
<div class="inner">
<p>The Tormey Law Firm is dedicated to the vigorous pursuit of justice. Our battle-tested attorneys advocate for victims of domestic violence and defend the rights of the accused against false allegations.</p>
<a href="/contact" class="button"><span>Defend<br/> your rights</span></a>
</div>
</div>
</div>
</div>
<div class="page-section page-awards">
<div class="row expanded">
<div class="small-12 columns">
<h3 class="section-title text-center"><span>Industry</span> Recognitions</h3>
<div class="awards-block">
<div class="row expanded small-up-2 medium-up-3 large-up-6">
<div class="column">
<figure><img src="images/awards/top40.png" alt="Top 40 Under 40 - The National Trial Lawyers"/></figure>
<p class="figcaption">Top 40 Under 40<br/> The National Trial Lawyers</p>
</div>
<div class="column">
<figure><img src="images/awards/nacdabadge_sm_alpha.png" alt="National Academy of Criminal Defense Attorneys - Top 10 - 2014"/></figure>
<p class="figcaption">National Academy of Criminal Defense Attorneys</p>
</div>
<div class="column">
<figure><img src="images/awards/avvoclientschoice1.png" alt="Avvo 10.0 Superb Rating for Criminal Defense"/></figure>
<p class="figcaption">Avvo 10.0<br/> Superb Rating<br/> for Criminal Defense</p>
</div>
<div class="column">
<figure><img src="images/awards/avvo10rating1.png" alt="Criminal Defense Clients' Choice 2014"/></figure>
<p class="figcaption">Criminal Defense<br/> Clients' Choice<br/> 2014</p>
</div>
<div class="column">
<figure><img src="images/awards/bbb-tormey.png" alt="A+ Rating from the Better Business Bureau"/></figure>
<p class="figcaption">A+ Rating from the Better Business Bureau</p>
</div>
<div class="column">
<figure><img src="images/awards/american-jurist-10.png" alt="American Jurist Top 10"/></figure>
<p class="figcaption">American Jurist<br/> Top 10<br/> Attorneys</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-section page-section-video-library">
<div class="row">
<div class="small-12 medium-8 columns">
<h2 class="section-title">
<span>Focused on</span>
New Jersey Restraining Orders
</h2>
<div class="row">
<div class="small-12 columns">
<div class="row collapse">
<div class="small-12 large-6 columns">
<div class="video-holder">
<div class="vh-title">About Restraining Orders</div>
<a class="vh-thumb" data-video-id="vid-cMK7xcpfOeY">
<img src="images/video1-thumbnail.jpg" alt=""/>
<span class="watch"><i class="fa fa-play-circle"></i> Watch Video</span>
<div class="vh-thumb-caption">
<h4><i class="fa fa-play-circle"></i> Watch Video</h4>
<p>Restraining Order NJ- Criminal Defense attorney Travis Tormey talks about restraining orders in NJ and can teach you how to fight your restraining order case.</p>
</div>
</a>
</div>
</div>
<div class="small-12 large-6 columns">
<div class="video-holder">
<div class="vh-title">About Restraining Orders</div>
<a class="vh-thumb" data-video-id="vid-2B3XTghjahM">
<img src="images/video2-thumbnail.jpg" alt=""/>
<span class="watch"><i class="fa fa-play-circle"></i> Watch Video</span>
<div class="vh-thumb-caption">
<h4><i class="fa fa-play-circle"></i> Watch Video</h4>
<p>Restraining Order Lawyer NJ- Criminal Defense attorney Travis Tormey talks about the difference between a restraining order and a no contact order in New Jersey.</p>
</div>
</a>
</div>
</div>
</div>
<div class="row collapse">
<div class="small-12 large-4 columns">
<div class="video-holder">
<div class="vh-title">Predicate Acts of Domestic Violence</div>
<a class="vh-thumb" data-video-id="vid-nwZZUPBxgFw">
<img src="images/video3-thumbnail.jpg" alt=""/>
<span class="watch"><i class="fa fa-play-circle"></i> Watch Video</span>
<div class="vh-thumb-caption">
<h4><i class="fa fa-play-circle"></i> Watch Video</h4>
<p>Travis Tormey talks about how to fight a restraining order in New Jersey</p>
</div>
</a>
</div>
</div>
<div class="small-12 large-4 columns">
<div class="video-holder">
<div class="vh-title">Prior History of Domestic Violence</div>
<a class="vh-thumb" data-video-id="vid-usiDPtHVCk4">
<span class="watch"><i class="fa fa-play-circle"></i> Watch Video</span>
<img src="images/video4-thumbnail.jpg" alt=""/>
<div class="vh-thumb-caption">
<h4><i class="fa fa-play-circle"></i> Watch Video</h4>
<p>Defend a temporary restraining order and final restraining order.</p>
</div>
</a>
</div>
</div>
<div class="small-12 large-4 columns">
<div class="video-holder">
<div class="vh-title">Restraining Order for Safety / Well-Being</div>
<a class="vh-thumb" data-video-id="vid-cPhNGHk9x2I">
<span class="watch"><i class="fa fa-play-circle"></i> Watch Video</span>
<img src="images/video5-thumbnail.jpg" alt=""/>
<div class="vh-thumb-caption">
<h4><i class="fa fa-play-circle"></i> Watch Video</h4>
<p>Defend a temporary and final restraining order cases.</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Dynamically populated modal -->
<div class="reveal" id="video-reveal" data-reveal data-animation-in='scale-in-down fast' data-animation-out='scale-out-down fast'>
<div class="video-reveal-inner">
<h4>About Restraining Orders</h4>
<p>Restraining Order NJ- Criminal Defense attorney Travis Tormey talks about restraining orders in NJ and can teach you how to fight your restraining order case.</p>
<div id="ytplayer" class="video-player"></div>
</div>
<button class="close-button" data-close aria-label="Close modal" type="button"><span aria-hidden="true">×</span></button>
</div>
</div>
<div class="small-12 medium-4 columns">
<h3 class="section-title mt-5">
<span class="textcolor-primary">About</span>
Restraining Orders
</h3>
<div class="list-of-links">
<ul>
<li><a href="#">Appealing a Permanent Restraining Order in NJ</a></li>
<li><a href="#">Civil Restraints</a></li>
<li><a href="#">Does the court have Jurisdiction in my case?</a></li>
<li><a href="#">Final Restraining Orders (FRO)</a></li>
<li><a href="#">Forfeiture of Weapons in NJ Restraining Order Cases</a></li>
<li><a href="#">Predicate Acts of Domestic Violence in NJ</a></li>
<li><a href="#">Prior History of Domestic Violence</a></li>
<li><a href="#">Restraining Order Necessary to Protect Safety/Well Being</a></li>
<li><a href="#">Restraining Order vs. No Contact Order in NJ</a></li>
<li><a href="#">Standard of Proof in NJ Restraining Order Cases</a></li>
<li><a href="#">Temporary Restraining Orders (TRO)</a></li>
<li><a href="#">Vacating a Restraining Order</a></li>
<li><a href="#">Violation of a Restraining Order</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="page-section page-section-home-content">
<div class="row">
<div class="small-12 medium-4 large-3 columns">
<h3 class="section-title mt-5">
<span>Restraining Order</span>
Case Studies
</h3>
<div class="list-of-links accent">
<ul class="sn_menu menu">
<li><a href="#">Bergen County NJ Restraining Order Dismissed by Judge</a></li>
<li><a href="#">Bergen County NJ Restraining Order Dismissed by Judge after Contentious Trial</a></li>
<li><a href="#">Essex County NJ Restraining Order Dismissed Without Trial</a></li>
<li><a href="#">Hackensack NJ Restraining Order Dismissed</a></li>
<li><a href="#">Hudson County NJ Restraining Order Dismissed</a></li>
<li><a href="#">Morris County NJ Restraining Order Dismissed</a></li>
<li><a href="#">Morristown NJ Restraining Order Dropped</a></li>
<li><a href="#">Restraining Order Dismissed in Morris County Superior Court after Trial</a></li>
<li><a href="#">Somerset County NJ Restraining Order Dismissed by Judge</a></li>
<li><a href="#">Somerville NJ Restraining Order Dropped</a></li>
<li><a href="#">Union County NJ Restraining Order Dismissed</a></li>
<li><a href="#">Warren County NJ Restraining Order Dismissed After Trial</a></li>
<li><a href="#">Warren County NJ Restraining Order Dismissed with Civil Restraints</a></li>
<li><a href="#">Judge Dismisses Restraining Order After Trial</a></li>
<li><a href="#">Restraining Order Dismissed by Judge after lengthy trial</a></li>
</ul>
</div>
</div>
<div class="small-12 medium-8 large-9 columns">
<div class="page-body-content">
<div class="entry-content">
<h1>Restraining Order Attorneys in NJ</h1>
<h3>With offices in Hackensack, Morristown, and Newark, New Jersey</h3>
<figure id="attachment_8" class="wp-caption alignright"><a href="#"><img class="size-medium wp-image-8" src="images/content-image.jpg" alt="NJ Restraining Order Lawyers" width="298" height="300"></a><figcaption class="wp-caption-text">NJ Restraining Order Lawyers</figcaption></figure>
<p>If you or a loved one are involved in a restraining order hearing and need legal assistance, you’ve come to the right place. The NJ restraining order lawyers at the Tormey Law Firm LLC have literally resolved hundreds of restraining order cases in every county in New Jersey. This experience and expertise allows our lawyers to understand the complicated legal process concerning restraining orders and achieve the best possible outcomes for our clients.</p>
<p><strong><i class="fa fa-check"></i> If you are a plaintiff in a restraining order hearing, we can help you.</strong><br>
<strong><i class="fa fa-check"></i> If you are a defendant in a restraining order hearing, we can help you.</strong></p>
<p>Here is some basic information regarding restraining orders that can assist you in understanding the restraining order process in New Jersey. For additional information, please contact one of our experienced restraining order attorneys anytime for immediate assistance at 201-556-1570. The initial consultation is always provided free of charge.</p>
<p>A <a href="#">temporary restraining order (TRO)</a> can be issued by a Superior Court Judge in NJ when he or she believes <a href="#">a predicate act of domestic violence</a> has occurred against a protected party. The final hearing is typically scheduled within 10 days of the issuance of the TRO.</p>
<p>A restraining order is a civil proceeding in New Jersey, it is not criminal.</p>
<p>However, if <a href="#">a Final Restraining Order (FRO) is placed on you</a>, this can have serious collateral consequences including the following:</p>
<ul>
<li>You will be fingerprinted and placed in a database for domestic violence offenders.</li>
<li>You can not own firearms and must forfeit any firearms you have previously owned.</li>
<li>You may be stopped at airports, customs, etc. and law enforcement will check to ensure that you are not traveling with or near the alleged victim.</li>
<li>Your child custody and visitation (if any) can be affected.</li>
<li>You can be prevented from attending places where the alleged victim attends such as schools, churches, relatives homes, etc.</li>
</ul>
<p>This is important information for both a plaintiff and a defendant to know. Sometimes plaintiffs decide that they do not want a Final Restraining Order (FRO) because of all the serious consequences that are placed on a defendant if issued. Conversely, and obviously, if a FRO is necessary to protect a plaintiff’s safety and well being then he or she should move forward and pursue a FRO in court. Further, in some cases an agreement can be reached called <a href="#">“civil restraints”</a> which resolves the case outside of court without the need for a trial or hearing.</p>
<p>Restraining orders are handled in the Family Division of the Superior Court of the county in which the parties reside. <a href="#">In order for the court to have jurisdiction</a>, the parties must have been in a dating relationship, had children together, or resided together at some point in their lives. <a href="#">The standard of proof, because it is a civil matter, is “by a preponderance of evidence”</a> which is basically “more likely than not”. This is a lower standard than a criminal case which is “beyond a reasonable doubt”.</p>
<h3>Contact our Morristown, Hackensack, Newark offices for a free initial consultation</h3>
<p>The NJ restraining order attorneys at the Tormey Law Firm LLC <a href="#">have been representing clients at restraining order hearings for many years</a>. For additional information regarding restraining orders in New Jersey, please continue to explore this website and watch Mr. Tormey’s videos. You also can speak to him directly for a free consultation anytime at 201-556-1570. We look forward to hearing from you</p>
</div>
</div>
</div>
</div>
</div>
<!-- END Page Body -->
<!-- ======== Page Footer ======== -->
<div class="page-section page-recent-posts">
<div class="row">
<div class="small-12 columns">
<h2 class="section-title mt-5">
<span class="textcolor-brand-light">Articles</span>
From Our Blog
</h2>
<div class="row">
<div class="small-12 medium-6 large-3 columns">
<div class="recent-post" style="background-image:url('images/blogroll1.jpg');">
<div class="recent-post-header">
<div class="blog-entry-time">
<time class="entry-date published" datetime="2017-11-25T15:21:36+00:00">
<span class="day">25</span>
<span class="month">Nov</span>
<span class="year">2017</span>
</time>
</div>
</div>
<div class="recent-post-content">
<h5><a href="#">New Domestic Violence Law in NJ Categorizes Strangulation as Third Degree Crime</a></h5>
<p>A new domestic violence law signed by Governor Christie on November 13, 2017 strengthens the penalties for those who strangle their domestic partners, allowing NJ judges to impose a longer prison sentence...</p>
<a class="button secondary" href="#">read more</a>
</div>
</div>
</div>
<div class="small-12 medium-6 large-3 columns">
<div class="recent-post" style="background-image:url('images/blogroll2.jpg');">
<div class="recent-post-header">
<div class="blog-entry-time">
<time class="entry-date published" datetime="2017-11-25T15:21:36+00:00">
<span class="day">19</span>
<span class="month">Nov</span>
<span class="year">2017</span>
</time>
</div>
</div>
<div class="recent-post-content">
<h5><a href="#">Woman Allegedly Attacks Boyfriend with Knife in West New York, NJ</a></h5>
<p>A Hudson County, NJ woman was recently arrested after being accused of attacking her boyfriend with a serrated kitchen knife. According to the West New York police, the woman was intoxicated and used a large knife to attack...</p>
<a class="button secondary" href="#">read more</a>
</div>
</div>
</div>
<div class="small-12 medium-6 large-3 columns">
<div class="recent-post" style="background-image:url('images/blogroll3.jpg');">
<div class="recent-post-header">
<div class="blog-entry-time">
<time class="entry-date published" datetime="2017-11-25T15:21:36+00:00">
<span class="day">16</span>
<span class="month">Nov</span>
<span class="year">2017</span>
</time>
</div>
</div>
<div class="recent-post-content">
<h5><a href="#">Domestic Violence Restraining Order Dismissed in Newton NJ, Sussex County</a></h5>
<p>Fight a Domestic Violence Matter in Sussex County NJ Restraining Order Attorneys in Newton, New Jersey Last week, the Sussex County domestic violence defense lawyers represented a client at the Sussex County...</p>
<a class="button secondary" href="#">read more</a>
</div>
</div>
</div>
<div class="small-12 medium-6 large-3 columns">
<div class="recent-post" style="background-image:url('images/blogroll4.jpg');">
<div class="recent-post-header">
<div class="blog-entry-time">
<time class="entry-date published" datetime="2017-11-25T15:21:36+00:00">
<span class="day">13</span>
<span class="month">Nov</span>
<span class="year">2017</span>
</time>
</div>
</div>
<div class="recent-post-content">
<h5><a href="#">Essex County Man Gets 30-Year Sentence in Domestic Violence Murder Case</a></h5>
<p>An Essex County man who was found guilty of murder for the 2015 strangling death of his girlfriend was recently sentenced to 30 years in New Jersey State Prison. The victim in this case, a mother of four, had just moved to the United States...</p>
<a class="button secondary" href="#">read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-section page-offices">
<div class="row">
<div class="small-12 medium-6 columns">
<h2 class="section-title mt-5">
<span>Visit</span>
Our Offices
</h2>
<p class="lead">With offices in Hackensack, Morristown, Newark, Paterson, and Haddonfield NJ, our lawyers can
represent you <i>anywhere in New Jersey</i> and are available immediately to assist you at
<strong>201-556-1570</strong>.</p><br/>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="row">
<div class="small-12 large-4 columns">
<div class="office-location">
<h4>Hackensack <small>/ Bergen County</small></h4>
<div class="row">
<div class="small-7 columns">
<p>254 State Street<br/>Hackensack, NJ 07601</p>
</div>
<div class="small-5 columns">
<ul class="no-bullet">
<li><i class="fa fa-fw fa-phone"></i> 201-556-1570</li>
<li><i class="fa fa-fw fa-fax"></i> 201-556-1572</li>
</ul>
</div>
</div>
<div id="map-hackensack" class="google-map"></div>
</div>
</div>
<div class="small-12 large-4 columns">
<div class="office-location">
<h4>Morristown <small>/ Morris County</small></h4>
<div class="row">
<div class="small-7 columns">
<p>55 Madison Avenue Suite 400,<br/> Morristown, NJ 07960</p>
</div>
<div class="small-5 columns">
<ul class="no-bullet">
<li><i class="fa fa-fw fa-phone"></i> 908-336-5008</li>
<li><i class="fa fa-fw fa-fax"></i> 201-556-1572</li>
</ul>
</div>
</div>
<div id="map-morristown" class="google-map"></div>
</div>
</div>
<div class="small-12 large-4 columns">
<div class="office-location">
<h4>Newark <small>/ Essex County</small></h4>
<div class="row">
<div class="small-7 columns">
<p>1 Gateway Center Suite 2600<br/> Newark, NJ 07102</p>
</div>
<div class="small-5 columns">
<ul class="no-bullet">
<li><i class="fa fa-fw fa-phone"></i> 888-668-1940</li>
<li><i class="fa fa-fw fa-fax"></i> 201-556-1572</li>
</ul>
</div>
</div>
<div id="map-newark" class="google-map"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer">
<div class="row">
<div class="small-12 medium-6 large-3 columns">
<div class="footer-block">
<h4>Disclaimer</h4>
<p>The information on this site is provided for educational and marketing purposes only. No part of this site should be construed as legal advice. Please speak with an attorney regarding your unique circumstances in order to find your best options and outcomes.</p>
</div>
</div>
<div class="small-12 medium-6 large-3 columns">
<div class="footer-block">
<h4>Latest Tweets</h4>
<ul class="latest-tweets">
<li>
<a href="#">Manslaughter charges filed against Salem County NJ mother who allegedly passed out in car.</a>
<span class="post-date">October 5, 2017</span>
</li>
<li>
<a href="#">Police arrest heroin distribution suspects in Newton NJ.</a>
<span class="post-date">October 5, 2017</span>
</li>
</ul>
</div>
</div>
<div class="small-12 medium-6 large-3 columns">
<div class="footer-block">
<h4>Useful Links</h4>
<ul class="footer-links">
<li><a href="#">Home</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Offices</a></li>
<li><a href="#">Practice Areas</a></li>
</ul>
</div>
</div>
<div class="small-12 medium-6 large-3 columns">
<div class="footer-block">
<h4> </h4>
<p>Free Initial Consultation and Flexible Payment Plans</p>
<p><img src="images/credit_card_logos.png" alt=""/></p>
</div>
</div>
</div>
</footer>
<div class="page-copyright">
<div class="row">
<div class="small-12 medium-4 columns">
<p>© Copyright. All Rights Reserved.</p>
</div>
<div class="small-12 medium-4 columns">
<p><a href="#" class="logo-footer"><img src="images/company-logo.png" alt="The Tormey Law Firm"/></a></p>
</div>
<div class="small-12 medium-4 columns">
<ul class="social-list">
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li><a class="list-icon" href="#" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- END Page Footer -->
<!-- ================= Scripts ================ -->
<script src="js/jquery.js"></script>
<script src="js/plugins.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
Partial SCSS Code
/* Front Page
======================================================= */
/* >> Page Section: CTA */
.cta-ribbon {
background: $color-brand-accent;
overflow: hidden;
position: relative;
p {
color: rgba(#fff, 0.8);
font-size: 1.125em;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.4em;
margin-bottom: 0;
padding: 20px 0;
text-transform: uppercase;
}
.inner {
position: relative;
a {
background: transparent;
border: 0;
display: table;
font-family: $font-family-serif;
font-size: 1.125em;
line-height: 1.2em;
margin-bottom: 10px;
position: relative;
height: 100%;
width: 100%;
z-index: 0;
&:hover {
color: $color-brand-accent;
}
&:before {
background-color: $primary-color;
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
@include global-transition;
}
&:hover:before {
background-color: #fff;
}
span {
display: table-cell;
vertical-align: middle;
}
}
}
}
@include breakpoint(medium) {
.cta-ribbon {
.inner {
p {
width: 68%;
}
a {
font-size: 23px;
line-height: 1.67em;
margin-bottom: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 30%;
&:before {
border-color: #161519;
transform: skewX(10deg);
}
}
}
}
}
/* >> Page Section: Awards */
.page-awards {
background: #f4f4f4;
figure {
background-color: #fff;
border-radius: 50%;
box-shadow: 3px 2px 8px 3px rgba(0,0,0,0.1) inset;
height: 130px;
width: 130px;
line-height: 130px;
margin: 10px auto 20px;
text-align: center;
position: relative;
overflow: hidden;
backface-visibility: hidden;
&:before {
background: url(images/bg-repeating-dark.png) repeat left top;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0.065;
}
img {
transition: all 400ms ease-in-out;
position: relative;
}
&:hover img {
transform: rotateY(360deg);
}
}
.figcaption {
color: $color-brand-medium;
font-size: 0.75em;
font-weight: 500;
text-align: center;
text-transform: uppercase;
padding-top: 20px;
position: relative;
&:before {
background: rgba($color-brand-light,0.3);
content: '';
display: block;
position: absolute;
left: 50%;
margin-left: -25px;
right: 0;
top: 0;
height: 2px;
width: 50px;
}
}
}
@include breakpoint(medium) {
.page-awards {
figure {
height: 150px;
width: 150px;
line-height: 150px;
}
.figcaption {
font-size: 1em;
}
}
}
/* >> Page Section: Video Library */
.page-section-video-library {
@include striped-background($color:dark, $position:left);
.small-6 > .video-holder {
iframe {
height: 230px;
}
}
.small-4 > .video-holder {
iframe {
height: 155px;
}
}
}
.video-holder {
background: #fff;
line-height: 0;
margin-bottom: 30px;
margin-top: 20px;
overflow: hidden;
iframe {
width: 100%;
padding: 10px;
}
}
.vh-title {
font-size: 1.125em;
font-weight: 500;
line-height: 1.2em;
padding: 10px 5px 0 20px;
position: relative;
&:before {
font-family: 'FontAwesome';
content: '\f0da';
color: rgba($color-brand-accent,0.5);
display: block;
position: absolute;
left: 10px;
top: 8px;
}
}
.vh-thumb {
color: #000!important;
display: block;
line-height: $global-lineheight;
min-width: 220px;
overflow: hidden;
padding: 10px;
position: relative;
text-align: center;
&:after {
background: #fff;
opacity: 0.85;
position: absolute;
content: '';
height: 100%;
width: 100%;
left: 0;
bottom: 0;
-webkit-transform: skew(-45deg) scaleX(0);
transform: skew(-45deg) scaleX(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
.vh-thumb {
.watch {
background: rgba(#fff,0.8);
display: block;
font-family: $font-family-serif;
opacity: 1;
padding: 5px 5px 3px;
position: absolute;
bottom: 20%;
margin: 0 auto;
left: 0;
right: 0;
width: 150px;
@include global-transition();
}
.vh-thumb-caption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
h4,
p {
margin: 0;
opacity: 0;
width: 100%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
h4 {
display: inline-block;
font-size: 18px;
padding: 0 30px;
text-transform: uppercase;
}
p {
color: $color-brand-medium;
padding: 0 50px;
font-weight: 500;
font-size: 12px;
}
i {
color: $primary-color;
}
}
.vh-thumb:hover,
.vh-thumb.hover {
&:after,
&.hover:after {
-webkit-transform: skew(-45deg) scaleX(1);
transform: skew(-45deg) scaleX(1);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.watch {
opacity: 0;
}
h4, p {
opacity: 1;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
/* >> Page Section: Press Mentions */
.press-mentions {
background: #fff;
margin: 0 auto;
max-width: 320px;
text-align: center;
}
.page-section-press-mentions {
@include background-cover;
background-image: url('images/654100004.jpg');
position: relative;
color: #fff;
.row {
position: relative;
}
&:before {
background: $primary-color;
opacity: 0.8;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
figure {
margin: 0 5px;
}
}
/* >> Page Section: Home Content */
.page-section-home-content {
background: #f4f4f4;
}