Hide Article Component Area

Home

6789 MARLEY

Reach Out

5.6 People a Day Are Killed By Police in the United States

According to FatalEncounters.org 2049 people were killed by police in 2020 in the United States. That is 5.6 people per day.

By contrast, in the same year, 451 officers lost their lives. However, 284 of these were deaths due to COVID, 44 were from 9/11 related illness, and 19 were car crashes.

Five People a Day Are Killed by Police

According to FatalEncounters.org 2049 people were killed by police in 2020 in the United States. That is 5.6 people per day.

View the Stats

And the families...

... are often left with broken hearts, few resources, and little support.

Find Support

What are We Doing?

We are changing the way our society views police homicide. Through education, networking and action, we can make a positive difference in the lives of all those affected.

More Info

What YOU Can Do

Join with us! We need researchers, educators, fundraisers, counselors... the list goes on. Jump in! We'll find a place for you.

Join Us

Our Stories

Marley Foundation works with families who have lost their loved ones to police violence. Many of our families say that this is a club no one wants to be a part of. These are a few of our stories...

Custom Code Used For This Design

Occasionally we need to use custom HTML to obtain the layouts shown on our demos in specific modules. The code below is what was used on this template. It is best to enter this code directly into the HTML editor function of your editor. Some area may require that you enable the Ion Icons (Under General) and Scroll Reveal (Under Javascripts) features in the template configuration.

Social Icons:

This is a custom html module that is published custom_6. It does require Ion Icons to be enabled.

Top Header Info:

This is a custom html module that is published to custom_1. It does require Ion Icons to be enabled.

<div class="top_info">
<div class="top_info_set">
<div class="top_info_set_inner">
<i class="ion-ios-home"></i>
<div class="top_info_set_right">
<span class="top_info_text_top">1103 Park Avenue</span>
<span class="top_info_text_bottom">Colorado City, USA</span>
</div>
</div>
</div>
<div class="top_info_set">
<div class="top_info_set_inner">
<i class="ion-clock"></i>
<div class="top_info_set_right">
<span class="top_info_text_top">Mon-Sat: 8am to 5pm</span>
<span class="top_info_text_bottom">Closed on Sundays</span>
</div>
</div>
</div>
<div style="clear:both;height:0px;"></div>
</div>

Phone Number:

This is a custom html module that is published to custom_2. It does require Ion Icons to be enabled.

Image and Content Fader & Quick Contact:

The S5 Image and Cotent Fader is published custom_3 and the slides use only the slide text; make sure the titles are turned off. The custom html used for the slides is found below. The text can use class "iacf_right" or "iacf_left"

For setup instructions of this extension please visit https://www.shape5.com/documentation/Joomla/Extensions/S5-Image-and-Content-Fader

The S5 Quick Contact is published custom_4 and shows below the Image and Content Fader. The pre-text field is required for this design, that can be set in the module's parameters. The pre-text on this demo reads "Request a Quote" with no special html markup needed.

For setup instructions of this extension please visit https://www.shape5.com/documentation/Joomla/Extensions/S5-Quick-Contact

<span class="iacf_text iacf_right">

<span class="iacf_title">Learn How To Grow Your Own Beautiful Garden</span>

Lorem ipsum dolor sit amet, consectetur adipiicing elit sed do eiusmod
tempor incid dunt ut lorem ipsum labore et dolore magna.
<br><br>
<a href="index.php/extensions/s5-image-and-content-fader" class="readon">Learn More</a>
   
<a href="index.php/extensions/s5-image-and-content-fader" class="readon readon_highlight2">Get Started Now</a>

</span>

20 Years of Quality:

This is a custom html module that is published to top_row1_1.

<div class="left_title">
<h3>20 Years of Quality Service in Landscaping</h3>
Quisque odio nisi, pharetra vitae nisl commodo, finibus tristique lacus. Nullam dolor odio, tempus quis ante sed, iaculis sollicitudin sem. Duis et viverra turpis. Cras fermentum laoreet nulla in semper. Tellus ultricies gravida. Phasellus quis erat eu tortor malesuada tristique vitae volutpat nulla.
<div style="clear:both;height:0px;"></div>
</div>

OUr Services Top Boxes:

This is a custom html module that is published to top_row2_1. The background for this row is controlled in the template configuration under Main/Layout.

<div class="service_wrap">
<div class="service_row" data-sr="enter left, over 0.8s, move 300px, wait 0.3s">
<div class="service_item">
<a href="/demo/fitness_center/index.php/features-mainmenu-47/template-specific-features">
<div class="service_item_img_wrap">
<img src="images/service1.jpg" alt="">
</div>
</a>
<div class="service_item_text">
<div class="service_item_text_inner">
<h3>Lawn & Garden Care</h3>

Lorem ipsum dolor sit amet, consectetur adipi icing elit sed do eiusmod tempor incid dunt.
</div>
<a class="readon readon_highlight1_less1" href="index.php/features-mainmenu-47/template-specific-features">Get Started Now</a>
</div>
</div>
<div class="service_item">
<a href="/demo/fitness_center/index.php/features-mainmenu-47/template-specific-features">
<div class="service_item_img_wrap">
<img src="images/service2.jpg" alt="">
</div>
</a>
<div class="service_item_text">
<div class="service_item_text_inner">
<h3>Snow Removal</h3>
Mauris convallis dictum urna, sit amet rhoncus lacus lacinia nec. Phasellus vel ligula ipsum nisi.
</div>
<a class="readon" href="index.php/features-mainmenu-47/template-specific-features">Get Started Now</a>
</div>
</div>
<div style="clear:both:height:0px;"></div>
</div>
<div class="service_row" data-sr="enter right, over 0.8s, move 300px, wait 0.3s">
<div class="service_item">
<a href="/demo/fitness_center/index.php/features-mainmenu-47/template-specific-features">
<div class="service_item_img_wrap">
<img src="images/service3.jpg" alt="">
</div>
</a>
<div class="service_item_text">
<div class="service_item_text_inner">
<h3>Patios & Pavers</h3>
Praesent pharetra neque ut nulla faucibus, a aliquet purus condimentum. Curabitur at eros.
</div>
<a class="readon readon_highlight1_plus1" href="index.php/features-mainmenu-47/template-specific-features">Get Started Now</a>
</div>
</div>
<div class="service_item">
<a href="/demo/fitness_center/index.php/features-mainmenu-47/template-specific-features">
<div class="service_item_img_wrap">
<img src="images/service4.jpg" alt="">
</div>
</a>
<div class="service_item_text">
<div class="service_item_text_inner">
<h3>Mowing Services</h3>
Praesent pharetra neque ut nulla faucibus, a aliquet purus condimentum. In ac elit interdum.
</div>
<a class="readon readon_highlight1_plus2" href="index.php/features-mainmenu-47/template-specific-features">Get Started Now</a>
</div>
</div>
<div style="clear:both:height:0px;"></div>
</div>
<div style="clear:both:height:0px;"></div>
</div>

Landscape Experts:

This is a custom html module that is published to top_row_1.

<div class="picture_text">

<div class="picture_text_left">
<h3>We are Your Landscape Experts</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo luctus ante, in vestibulum est auctor ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam vitae ante consectetur, elementum justo nec, convallis tortor.
<br /><br /><br />
<div class="icon_text">
<img src="images/icon1.png" alt="" />
<h4>Professional Quality</h4>
Mauris purus lorem, mattis at tincidunt at, accumsan quis nulla. Pellentesque vel lacus sit quis egestas amet.
</div>
<div class="icon_text">
<img src="images/icon2.png" alt="" />
<h4>Daily Maintenance</h4>
Mauris commodo luctus ante, in vestibulum est. Lorem ipsum dolor sit amet, consec tetur quis egestas adi elit.
</div>
<div class="icon_text">
<img src="images/icon3.png" alt="" />
<h4>Fence Installations</h4>
Duis nec euismod libero. In tellus urna, iaculis ut tellus ut, ultricies consectetur quis egestas finibus lorem nulla.
</div>
<div style="clear:both;height:0px;"></div>
</div>

<div class="picture_text_right" data-sr="move 16px scale up 20%, over 0.7s">
<img src="images/person.jpg" alt="" />
<div style="clear:both;height:0px;"></div>
</div>

<div style="clear:both;height:0px;"></div>

</div>

Article and Price Boxes:

This is a custom html module that is published to right_top, and an article set to featured. The background for this row is controlled in the template configuration under Main/Layout.

right_top module:

<div class="prices_wrap">

<div class="centered_title">
<h3>Pick the landscape service that’s right for you!</h3>
Lorem ipsum dolor sit amet, consectetur adipiicing elit sed do eiusmod tempor incid dunt ut lorem ipsum labore et dolore magna aliqua Aliquam adipiscing egestas.
<br /><br />
<a href="index.php/features-mainmenu-47/template-specific-features" class="readon readon_highlight2">Get Started Now</a>
</div>

<div class="price_display" data-sr="move 16px scale up 20%, over 0.7s">
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Standard</div>
<div class="s5_price_wrap"><span class="dollarsign">$</span><span class="price">249</span><span class="month">/per month</span></div>
<div class="s5_options">
<div class="s5_option">1 Hour of Weeding</div>
<div class="s5_option">Weekly Mowing</div>
<div class="s5_option">Weekly Watering</div>
<div class="s5_option">Basic Lawn Treatment</div>
<div class="s5_option">48 Hour Response</div>
</div>
</div>
</div>
<div class="s5_pricetable_column recommended" data-sr="move 16px scale up 20%, over 0.7s, wait 0.3s">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Platinum</div>
<div class="s5_price_wrap"><span class="dollarsign">$</span><span class="price">399</span><span class="month">/per month</span></div>
<div class="s5_options">
<div class="s5_option">4 Hours of Weeding</div>
<div class="s5_option">Bi-Weekly Mowing</div>
<div class="s5_option">Bi-Weekly Watering</div>
<div class="s5_option">Full Lawn Treatment</div>
<div class="s5_option">On Call Response</div>
</div>
</div>
</div>
<div style="clear: both; height: 0px;"></div>
</div>

</div>

article:

<a href="index.php/features-mainmenu-47/template-specific-features">
<img src="images/article.jpg" alt="">
<h3 class="default_font article_h3">Cultivating people with a love for gardening</h3>
</a>
Lorem ipsum dolor sit amet, consectetur adipisc ing elit, sed do eiusmod tempor incididun ut labore et dolore. Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem ape riam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
<hr id="system-readmore" />
<br /><br />
Curabitur iaculis, tortor at ornare cursus, nisi tortor malesuada urna, ac posuere leo augue pulvinar mi. Sed tristique pulvinar massa, malesuada interdum nunc tincidunt quis. Aliquam bibendum lobortis magna eu faucibus. Integer et tincidunt elit. Suspendisse vestibulum ipsum nec sapien accumsan, at lacinia nisl finibus. Aenean in malesuada diam. Pellentesque volutpat diam enim, a consectetur nisi iaculis id. Donec vitae porttitor lacus, quis porttitor ligula. Nam sed purus mattis, ornare nunc sed, interdum massa. Maecenas id risus vitae mauris tempus lobortis. Quisque suscipit placerat augue vitae tristique. Aenean convallis commodo odio, eu facilisis lacus faucibus quis. Sed non sapien sagittis, dignissim ante eget, pharetra leo.
<br /><br />
Ut mattis pharetra rhoncus. Suspendisse pharetra, mauris at scelerisque lobortis, nibh risus commodo lorem, id fringilla erat metus at nulla. Fusce et justo in tortor eleifend suscipit. Phasellus malesuada in ex tempor fringilla. Donec fringilla metus eu leo tincidunt venenatis. Duis lacinia mattis lorem, non elementum mi malesuada a. Vestibulum eleifend ultricies purus a gravida. Mauris quis vehicula ex. Integer non nulla fringilla, placerat est eget, aliquam ligula. Etiam consectetur lorem neque, ut dictum odio consequat eget. Ut eu odio vel lacus porta aliquet.
<br /><br />
Curabitur pretium aliquet magna non rutrum. Ut a cursus odio. Phasellus vel justo eget enim varius venenatis at sed metus. Vestibulum maximus dolor fermentum, tristique purus eget, finibus elit. Mauris in sapien aliquam, bibendum orci nec, consequat lectus. Nunc bibendum lobortis quam. Sed sollicitudin egestas mauris. Fusce lobortis odio et orci interdum imperdiet.

FAQ Area:

This is a custom html module that is published to bottom_row1_1.

<div class="faqs_wrap">

<div class="centered_title">
<h3>Curb Appeal is the perfect choice for your small business</h3>
Lorem ipsum dolor sit amet, consectetur adipiicing elit sed do eiusmod tempor incid dunt ut lorem ipsum labore et dolore magna aliqua Aliquam adipiscing egestas leo Duis et erat aliquam.
</div>

<div class="faqs_wrap_detail_wrap">

<div class="faqs_wrap_detail_img_wrap" style="background: url('images/faq.jpg');"></div>

<div class="faqs_wrap_detail_text_wrap" data-sr="move 16px scale up 20%, over 0.7s">
<div class="faqs_wrap_detail_text_wrap_inner">
<h4 class="default_font">What You Need To Know About Hardscaping</h4>
<section class="ac-container">
<div><input id="ac-1" name="accordion-1" checked="checked" type="radio" /> <label for="ac-1">1. How long will a patio installation generally take?</label>
<article class="ac-small">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis gravida justo, a rhoncus sem volutpat in. Pellentesque lacinia lacinia ligula, eget tempor elit sagittis non. Vestibulum pellentesque lorem nec diam interdum pellentesque.</p>
</article>
</div>
<div><input id="ac-2" name="accordion-1" type="radio" /> <label for="ac-2">2. What brand pavers do you install and where are they made?</label>
<article class="ac-small">
<p>Etiam tempus facilisis ultrices. Nam adipiscing nunc nec est dapibus, eget eleifend velit mattis. Curabitur facilisis a rhoncus sem volutpat in condimentum augue at viverra. Ut ut tortor feugiat, dignissim nulla non, venenatis leo.</p>
</article>
</div>
<div><input id="ac-3" name="accordion-1" type="radio" /> <label for="ac-3">3. How do I go about receiving a quote for hardscaping?</label>
<article class="ac-small">
<p>Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, a rhoncus sem volutpat in eleifend ornare libero. Cras iaculis interdum dui.</p>
</article>
</div>
</section>
</div>
</div>

<div style="clear:both;height:0px;"></div>
</div>

<div style="clear: both; height: 0px;"></div>
</div>

Customer Quotes:

This area uses the S5 Tab Show module, which is published to bottom_row2_1. For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show. The custom html used for each customer is show below and does require Ion Icons to be enabled if you are using the star ratings. The customer images are defined in the module's backend under the Button Options area.

<div class="customer_quote">
“Lorem ipsum dolor sit amet, consectetur aled leium adipiscing elit. Donec et eleifend libero dignissim sit ametlobo tis vestibulum lorem ipsum ligula et malesuada fames ac ante ipsum primis in faucibus.”<br />
<span class="customer_quote_name"><strong>Michele Moyer</strong></span>
<span class="ion-android-star active_star"></span>
<span class="ion-android-star active_star"></span>
<span class="ion-android-star active_star"></span>
<span class="ion-android-star inactive_star"></span>
<span class="ion-android-star inactive_star"></span>
</div>

Our Landscape Team:

This is a custom html module that is published to custom_5. This area must be used with the html given below and is intended only for use with text on the left side on top of the highlight color background.

<div class="our_team_wrap">
<div class="our_team_left">
<h3>Our Landscape Team</h3>
Lorem ipsum dolor sit amet, consectetur adipiicing elit sed do eiusmod tempor incid dunt ut lorem ipsum labore et dolore magna aliqua.
<br /><br />
Arem ipsum labore et dolore magna aliqua Aliquam adipiscing egestas leo Duis et erat aliquam.
<br /><br />
<a class="readon" href="index.php/pages/contact-us">Contact Us Now</a>
</div>
<div class="our_team_right">
<div class="our_team_employee_wrap" data-sr="move 16px scale up 20%, over 0.7s">
<div class="our_team_employee">
<div class="our_team_employee_text">
<div class="our_team_employee_name">Sarah Kline</div>
<div class="our_team_employee_title">Head Garden Expert</div>
</div>
<img src="images/employee1.jpg" alt="" />
</div>
<div class="our_team_employee" data-sr="move 16px scale up 20%, over 0.7s, wait 0.3s">
<div class="our_team_employee_text">
<div class="our_team_employee_name">Richard Smith</div>
<div class="our_team_employee_title">Mowing Specialist</div>
</div>
<img src="images/employee2.jpg" alt="" />
</div>
<div class="our_team_employee" data-sr="move 16px scale up 20%, over 0.7s, wait 0.3s">
<div class="our_team_employee_text">
<div class="our_team_employee_name">Brandon Lee</div>
<div class="our_team_employee_title">Hardscaping Services</div>
</div>
<img src="images/employee3.jpg" alt="" />
</div>
<div style="clear:both;height:0px;"></div>
</div>
</div>
<div style="clear:both;height:0px;"></div>
</div>

Bottom Row3:

This area does not use custom html, but the background images are defined in the Main/Layout area of the template configuration. The top gras image is applied to the Area2 settings, and the repeating dirt background is applied to the Area1 settings. The template will by default come with these settings already in place, but does not come with the images as they are stock photography. Links are provided in the Curb Appeal downloads area to where you can purchase these images.

Hide Divs, Content, and Modules

One of the biggest obstacles to overcome when designing a responsive layout site is that not all content, images and extensions were designed to work with responsive layouts. That means that sometimes you need the ability to hide a specific element on only certain sized screens, so that something doesn't break the site's layout and everything looks proportionate. We've made that all possible and very easy to do for you with hiding classes! There are three main ways to hide content on different size screens, and they are documented below. Please note that these classes are only enabled when the responsive layout is enabled.

Be sure to visit our Knowledgebase for useful responsive layout tips.

Hide Sections of the Template via the Template Configuration

This is the simplest way to hide an area of the template is to use the template interface to easily select areas of the template that you want to hide on tablet sized screens (970px and less) or mobile screens (580px or less). Simply select the area that you want to hide and the Vertex framework takes care of the rest! These fields do work independent of each other, so if you want to hide something on both tablet and mobile sized screens you must select the same area on both fields.

IMPORTANT - If you turn off a column position such as right or right_inset something else must be in the same column or the layout will not work. For example you can turn off right_inset and keep right, but you cannot turn off both unless something is publihsed to right_top or right_bottom as well.

Hide Specific Modules via the Hide Classes

If you have only a specific module that you would like to hide at certain screen sizes, and not an entire section of the template, this is the best approach. A hide class is a class that can be applied to any element on the page and hides that particular element at certain screen sizes. Classes range in 100px increments for large screens and 50px increments for small screens. Below are some examples, and at the very bottom of this page there is a list of all the available hide classes. Use these sparingly if you can. As a recommendation, the primary target of these classes should focus on tablet and mobile sized screens. Wide screen monitors vary in size so it's much harder to use these classes correctly for large monitors. Tablet and mobile devices are much more consistent in size so it is much easier to apply the smaller hide classes.

For example, say you want to hide a specific module when the screen sizes reaches 900px wide, and remain hidden for any screen below 900px. Simply add class=hide_900 to the title of the module like this:

The class is simply put into the title of the module. There must be a space just before class= , and don't worry, the class area of the title won't actually show on the live site, it's only shown in the backend. It must be entered exactly as shown above. The title can be published or unpublished, it does not matter which. Simply adding the classes to the title will apply the classes to the entire module.

What if you want it to hide the module only for a certain range? That's easy just add _only to the end of the class name. hide_900_only will only hide that element from 900px to the next increment in the hide classes, which is 850px. So it will only be hidden from 850px to 900px. You can also add multiple classes to the title like this class=hide_900_only hide_850_only which will apply both classes to the module.

What if you want to hide the module and then show it again later? That's simple, use show_ in the class instead of hide_. This will make the module show for the specified size no matter what other settings are on the module. So if you want to hide the module from 1000px and below, but you want to show it again later then do something like the following class=hide_1000 show_600. This will hide the module from 600px to 1000px.

Is there a more simple way? Yes, of course, the above directions are for experienced users who want to tweak their content for every available screen size. If you don't want to mess around with specific window sizes simply use the following classes instead, which have preset screen sizes applied to them:

hide_all
hide_wide_screen
hide_standard_screen
hide_large_tablet
hide_small_tablet
hide_mobile
show_wide_screen
show_standard_screen
show_large_tablet
show_small_tablet
show_mobile

Why would someone use hide_all? This is a great tool for anyone wanting to show content only on a mobile or tablet sized screen but hide it on all other devices. To do this you should use class="hide_all show_mobile". The hide_all will set the content or module to display:none on all devices, and one the screen size reaches mobile size the show_mobile will override the display:none and show the content.

Hide Specific Content via the Hide Classes

If you have only specific content or images within an article or module that you want to hide then use the same hide classes described above, but wrap that specific content inside of the class instead of applying it to the entire module. For example, in the image below, the third paragraph will hide at 900px and then show again at 700px.

Available Hide Classes

All the available hide classes are listed below. Note there is a break at 970px and 580px to accommodate tablet and mobile sized screens. At the bottom of the list you will see inline calls, these calls should only be used if the default block calls cause a layout problem with your content, which can happen with applying a display:block.

/* HIDE CLASSES
----------------------------------------------------------- */

@media screen and (max-width: 1600px){
.hide_1600 {
display:none !important;
}
}

@media screen and (min-width:1500px) and (max-width: 1600px){
.hide_1600_only {
display:none !important;
}
}

@media screen and (max-width: 1550px){
.hide_1550 {
display:none !important;
}
}

@media screen and (min-width:1450px) and (max-width: 1550px){
.hide_1550_only {
display:none !important;
}
}

@media screen and (max-width: 1500px){
.hide_1500 {
display:none !important;
}
}

@media screen and (min-width:1400px) and (max-width: 1500px){
.hide_1500_only {
display:none !important;
}
}

@media screen and (max-width: 1450px){
.hide_1450 {
display:none !important;
}
}

@media screen and (min-width:1350px) and (max-width: 1450px){
.hide_1450_only {
display:none !important;
}
}

@media screen and (max-width: 1400px){
.hide_1400 {
display:none !important;
}
}

@media screen and (min-width:1300px) and (max-width: 1400px){
.hide_1400_only {
display:none !important;
}
}

@media screen and (max-width: 1350px){
.hide_1350 {
display:none !important;
}
}

@media screen and (min-width:1250px) and (max-width: 1350px){
.hide_1350_only {
display:none !important;
}
}

@media screen and (max-width: 1300px){
.hide_1300 {
display:none !important;
}
}

@media screen and (min-width:1200px) and (max-width: 1300px){
.hide_1300_only {
display:none !important;
}
}

@media screen and (max-width: 1250px){
.hide_1250 {
display:none !important;
}
}

@media screen and (min-width:1150px) and (max-width: 1250px){
.hide_1250_only {
display:none !important;
}
}

@media screen and (max-width: 1200px){
.hide_1200 {
display:none !important;
}
}

@media screen and (min-width:1100px) and (max-width: 1200px){
.hide_1200_only {
display:none !important;
}
}

@media screen and (max-width: 1150px){
.hide_1150 {
display:none !important;
}
}

@media screen and (min-width:1050px) and (max-width: 1150px){
.hide_1150_only {
display:none !important;
}
}

@media screen and (max-width: 1100px){
.hide_1100 {
display:none !important;
}
}

@media screen and (min-width:1000px) and (max-width: 1100px){
.hide_1100_only {
display:none !important;
}
}

@media screen and (max-width: 1050px){
.hide_1050 {
display:none !important;
}
}

@media screen and (min-width:950px) and (max-width: 1050px){
.hide_1050_only {
display:none !important;
}
}

@media screen and (max-width: 1000px){
.hide_1000 {
display:none !important;
}
}

@media screen and (min-width:900px) and (max-width: 1000px){
.hide_1000_only {
display:none !important;
}
}

@media screen and (max-width: 970px){
.hide_970 {
display:none !important;
}
}

@media screen and (min-width:900px) and (max-width: 970px){
.hide_970_only {
display:none !important;
}
}

@media screen and (max-width: 950px){
.hide_950 {
display:none !important;
}
}

@media screen and (min-width:900px) and (max-width: 950px){
.hide_950_only {
display:none !important;
}
}

@media screen and (max-width: 900px){
.hide_900 {
display:none !important;
}
}

@media screen and (min-width:850px) and (max-width: 900px){
.hide_900_only {
display:none !important;
}
}

@media screen and (max-width: 850px){
.hide_850 {
display:none !important;
}
}

@media screen and (min-width:800px) and (max-width: 850px){
.hide_850_only {
display:none !important;
}
}

@media screen and (max-width: 800px){
.hide_800 {
display:none !important;
}
}

@media screen and (min-width:750px) and (max-width: 800px){
.hide_800_only {
display:none !important;
}
}

@media screen and (max-width: 750px){
.hide_750 {
display:none !important;
}
}

@media screen and (min-width:700px) and (max-width: 750px){
.hide_750_only {
display:none !important;
}
}

@media screen and (max-width: 700px){
.hide_700 {
display:none !important;
}
}

@media screen and (min-width:650px) and (max-width: 700px){
.hide_700_only {
display:none !important;
}
}

@media screen and (max-width: 650px){
.hide_650 {
display:none !important;
}
}

@media screen and (min-width:600px) and (max-width: 650px){
.hide_650_only {
display:none !important;
}
}

@media screen and (max-width: 600px){
.hide_600 {
display:none !important;
}
}

@media screen and (min-width:580px) and (max-width: 600px){
.hide_600_only {
display:none !important;
}
}

@media screen and (max-width: 579px){
.hide_580 {
display:none !important;
}
}

@media screen and (min-width:550px) and (max-width: 579px){
.hide_580_only {
display:none !important;
}
}

.hide_all {
display:none ! important;
}

@media screen and (min-width:1300px) and (max-width: 50000px){
.hide_wide_screen {
display:none !important;
}
}

@media screen and (min-width:971px) and (max-width: 1299px){
.hide_standard_screen {
display:none !important;
}
}

@media screen and (min-width:750px) and (max-width: 970px){
.hide_large_tablet {
display:none !important;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.hide_small_tablet {
display:none !important;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.hide_small_tablet {
display:none !important;
}
}

@media screen and (max-width: 579px){
.hide_mobile {
display:none !important;
}
}

@media screen and (max-width: 1600px){
.show_1600 {
display:block !important;
}
}

@media screen and (min-width:1500px) and (max-width: 1600px){
.show_1600_only {
display:block !important;
}
}

@media screen and (max-width: 1550px){
.show_1550 {
display:block !important;
}
}

@media screen and (min-width:1450px) and (max-width: 1550px){
.show_1550_only {
display:block !important;
}
}

@media screen and (max-width: 1500px){
.show_1500 {
display:block !important;
}
}

@media screen and (min-width:1400px) and (max-width: 1500px){
.show_1500_only {
display:block !important;
}
}

@media screen and (max-width: 1450px){
.show_1450 {
display:block !important;
}
}

@media screen and (min-width:1350px) and (max-width: 1450px){
.show_1450_only {
display:block !important;
}
}

@media screen and (max-width: 1400px){
.show_1400 {
display:block !important;
}
}

@media screen and (min-width:1300px) and (max-width: 1400px){
.show_1400_only {
display:block !important;
}
}

@media screen and (max-width: 1350px){
.show_1350 {
display:block !important;
}
}

@media screen and (min-width:1250px) and (max-width: 1350px){
.show_1350_only {
display:block !important;
}
}

@media screen and (max-width: 1300px){
.show_1300 {
display:block !important;
}
}

@media screen and (min-width:1200px) and (max-width: 1300px){
.show_1300_only {
display:block !important;
}
}

@media screen and (max-width: 1250px){
.show_1250 {
display:block !important;
}
}

@media screen and (min-width:1150px) and (max-width: 1250px){
.show_1250_only {
display:block !important;
}
}

@media screen and (max-width: 1200px){
.show_1200 {
display:block !important;
}
}

@media screen and (min-width:1100px) and (max-width: 1200px){
.show_1200_only {
display:block !important;
}
}

@media screen and (max-width: 1150px){
.show_1150 {
display:block !important;
}
}

@media screen and (min-width:1050px) and (max-width: 1150px){
.show_1150_only {
display:block !important;
}
}

@media screen and (max-width: 1100px){
.show_1100 {
display:block !important;
}
}

@media screen and (min-width:1000px) and (max-width: 1100px){
.show_1100_only {
display:block !important;
}
}

@media screen and (max-width: 1050px){
.show_1050 {
display:block !important;
}
}

@media screen and (min-width:950px) and (max-width: 1050px){
.show_1050_only {
display:block !important;
}
}

@media screen and (max-width: 1000px){
.show_1000 {
display:block !important;
}
}

@media screen and (min-width:900px) and (max-width: 1000px){
.show_1000_only {
display:block !important;
}
}

@media screen and (max-width: 970px){
.show_970 {
display:block !important;
}
}

@media screen and (min-width:900px) and (max-width: 970px){
.show_970_only {
display:block !important;
}
}

@media screen and (max-width: 950px){
.show_950 {
display:block !important;
}
}

@media screen and (min-width:900px) and (max-width: 950px){
.show_950_only {
display:block !important;
}
}

@media screen and (max-width: 900px){
.show_900 {
display:block !important;
}
}

@media screen and (min-width:850px) and (max-width: 900px){
.show_900_only {
display:block !important;
}
}

@media screen and (max-width: 850px){
.show_850 {
display:block !important;
}
}

@media screen and (min-width:800px) and (max-width: 850px){
.show_850_only {
display:block !important;
}
}

@media screen and (max-width: 800px){
.show_800 {
display:block !important;
}
}

@media screen and (min-width:750px) and (max-width: 800px){
.show_800_only {
display:block !important;
}
}

@media screen and (max-width: 750px){
.show_750 {
display:block !important;
}
}

@media screen and (min-width:700px) and (max-width: 750px){
.show_750_only {
display:block !important;
}
}

@media screen and (max-width: 700px){
.show_700 {
display:block !important;
}
}

@media screen and (min-width:650px) and (max-width: 700px){
.show_700_only {
display:block !important;
}
}

@media screen and (max-width: 650px){
.show_650 {
display:block !important;
}
}

@media screen and (min-width:600px) and (max-width: 650px){
.show_650_only {
display:block !important;
}
}

@media screen and (max-width: 600px){
.show_600 {
display:block !important;
}
}

@media screen and (min-width:580px) and (max-width: 600px){
.show_600_only {
display:block !important;
}
}

@media screen and (max-width: 579px){
.show_580 {
display:block !important;
}
}

@media screen and (min-width:550px) and (max-width: 579px){
.show_580_only {
display:block !important;
}
}

@media screen and (min-width:1300px) and (max-width: 50000px){
.show_wide_screen {
display:block !important;
}
}

@media screen and (min-width:971px) and (max-width: 1299px){
.show_standard_screen {
display:block !important;
}
}

@media screen and (min-width:750px) and (max-width: 970px){
.show_large_tablet {
display:block !important;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.show_small_tablet {
display:block !important;
}
}

@media screen and (max-width: 579px){
.show_mobile {
display:block !important;
}
}

/* THE INLINE SHOW CALLS BELOW SHOULD BE USED SELDOMLY. THEY SHOULD ONLY BE USED IF THE BLOCK SHOW CALLS ABOVE CAUSE A LAYOUT ISSUE WHEN TRIGGERED.
----------------------------------------------------------- */

@media screen and (max-width: 1600px){
.show_1600_inline {
display:inline !important;
}
}

@media screen and (min-width:1500px) and (max-width: 1600px){
.show_1600_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1550px){
.show_1550_inline {
display:inline !important;
}
}

@media screen and (min-width:1450px) and (max-width: 1550px){
.show_1550_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1500px){
.show_1500_inline {
display:inline !important;
}
}

@media screen and (min-width:1400px) and (max-width: 1500px){
.show_1500_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1450px){
.show_1450_inline {
display:inline !important;
}
}

@media screen and (min-width:1350px) and (max-width: 1450px){
.show_1450_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1400px){
.show_1400_inline {
display:inline !important;
}
}

@media screen and (min-width:1300px) and (max-width: 1400px){
.show_1400_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1350px){
.show_1350_inline {
display:inline !important;
}
}

@media screen and (min-width:1250px) and (max-width: 1350px){
.show_1350_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1300px){
.show_1300_inline {
display:inline !important;
}
}

@media screen and (min-width:1200px) and (max-width: 1300px){
.show_1300_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1250px){
.show_1250_inline {
display:inline !important;
}
}

@media screen and (min-width:1150px) and (max-width: 1250px){
.show_1250_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1200px){
.show_1200_inline {
display:inline !important;
}
}

@media screen and (min-width:1100px) and (max-width: 1200px){
.show_1200_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1150px){
.show_1150_inline {
display:inline !important;
}
}

@media screen and (min-width:1050px) and (max-width: 1150px){
.show_1150_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1100px){
.show_1100_inline {
display:inline !important;
}
}

@media screen and (min-width:1000px) and (max-width: 1100px){
.show_1100_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1050px){
.show_1050_inline {
display:inline !important;
}
}

@media screen and (min-width:950px) and (max-width: 1050px){
.show_1050_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 1000px){
.show_1000_inline {
display:inline !important;
}
}

@media screen and (min-width:900px) and (max-width: 1000px){
.show_1000_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 970px){
.show_970_inline {
display:inline !important;
}
}

@media screen and (min-width:900px) and (max-width: 970px){
.show_970_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 950px){
.show_950_inline {
display:inline !important;
}
}

@media screen and (min-width:900px) and (max-width: 950px){
.show_950_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 900px){
.show_900_inline {
display:inline !important;
}
}

@media screen and (min-width:850px) and (max-width: 900px){
.show_900_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 850px){
.show_850_inline {
display:inline !important;
}
}

@media screen and (min-width:800px) and (max-width: 850px){
.show_850_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 800px){
.show_800_inline {
display:inline !important;
}
}

@media screen and (min-width:750px) and (max-width: 800px){
.show_800_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 750px){
.show_750_inline {
display:inline !important;
}
}

@media screen and (min-width:700px) and (max-width: 750px){
.show_750_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 700px){
.show_700_inline {
display:inline !important;
}
}

@media screen and (min-width:650px) and (max-width: 700px){
.show_700_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 650px){
.show_650_inline {
display:inline !important;
}
}

@media screen and (min-width:600px) and (max-width: 650px){
.show_650_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 600px){
.show_600_inline {
display:inline !important;
}
}

@media screen and (min-width:580px) and (max-width: 600px){
.show_600_only_inline {
display:inline !important;
}
}

@media screen and (max-width: 579px){
.show_580_inline {
display:inline !important;
}
}

@media screen and (min-width:550px) and (max-width: 579px){
.show_580_only_inline {
display:inline !important;
}
}

@media screen and (min-width:1300px) and (max-width: 50000px){
.show_wide_screen_inline {
display:inline !important;
}
}

@media screen and (min-width:971px) and (max-width: 1299px){
.show_standard_screen_inline {
display:inline !important;
}
}

@media screen and (min-width:750px) and (max-width: 970px){
.show_large_tablet_inline {
display:inline !important;
}
}

@media screen and (min-width:580px) and (max-width: 750px){
.show_small_tablet_inline {
display:inline !important;
}
}

@media screen and (max-width: 579px){
.show_mobile_inline {
display:inline !important;
}
}

I like what I see! I want to JOIN TODAY.

Site Shapers

So what are Site Shapers? They are quick installs of Joomla combined with all the modules, content, etc used on our demo, excluding stock photography. Within a few minutes you can have your site up, running and looking just like our demo. No more importing SQL dumps and installing modules. Just head on over to the download section of this template and grab a Site Shaper. Simply install the Site Shaper like any other Joomla installation, it's that easy!

Note - This site is intended to imitate a live and published website and does not make any claim of any kind to the validity of non-Shape5 content, articles, images or posts published to this site.

Be sure to visit our Knowledgebase for in depth video tutorial installation guide.

How to setup a Site Shaper

01Login to your cpanel or your server admin panel.
02Locate the area where your databases are (usually labeled Mysql Databases)
03Create a new database
04Next create a new database user and assign it to this newly created database in the previous step
05You will then need to extract the site shaper to either a folder on your server or the root directory such as WWW. NOTE: if you already have a website in the root of your WWW folder, we suggest creating a new folder and extract the site shaper there. If your cpanel does not have an extract option or you cannot find it, you may also extract the contents of your site shaper in to a folder on your desktop and upload all the files via an ftp client to your server.
06Next, navigate to the url where you extracted the site shaper via your web browser.
07Continue through each screen until you reach the below screenshot:
08At the above screen be sure to enter localhost as shown, continue to fill in the following text fields with your newly created database and username information
09Follow through the rest of the site shaper setup and click the install sample data at the last screen and the installation is complete! (be sure to rename/remove the installation directory after finishing the install)

Did you ever need to create a page where this is no article present or no component to be shown, and only load modules? This template makes it all possible! From the template configuration page you can hide the main content area on any page on the site.

Below is a screenshot of this function from the configuration page, found under the Main / Layout tab under the field "Hide Component Output?" in the middle of the screen:

Statistics Don't Lie

What You Need To Know About the Danger of Policing in America

1. How many officers die each year?

FBI reported 295 officer fatalities in 2021. For the same period, Officer Down reported 451, but included 284 COVID deaths, 44 from 9/11 related illness, and more that just don't make sense to include.

2. Isn't being an officer a dangerous job?

No. Not compared to being a logger (870%), a fisherman or even a crossing guard. Much of the perceived danger is inflated as part of the American narrative.

3. Is it more dangerous to be an officer or to meet one?

Well, using FBI's 2020 statistics, and 2020 data from FatalEncounters.org, 295 officers and 2084 citizens were killed. That means that .8 officers died by any means, and 5.7 people were killed by police.

In summary, you are 7 times more likely to die at the hands of the police, than an officer is to die for any reason.

“They had no choice but to kill my child.”
No Mother. Ever.

“My son was autistic and in mental health crisis after his son was stillborn. SWAT shot him from 30 yards away, from the turrets of a Bearcat, through a closed kitchen door. I was there with my crisis response team trying to get to him.
Crystina Page - Mother of David Jaxon Page

“Timmy was shot because they said he was armed and threatening.
But the knife they said he had was in another room.”
Sabrina Courtroul

“They said Sarah shot herself in the mouth with a Judge Revolver, while handcuffed behind her back.
Witnesses say she was shot execution style by the officer.”
Dawn Wilson

“What's wrong with you guys?”
Paul Castaway's Final Words

Our Team

Marley Foundation is a 501(c) registered non-profit. Our team is made up entirely of volunteers who believe in our Vision and wish to bring change to our communities. Our Board of Directors believes in transparency and accountability. If you wish to reach us, feel free to contact any one of through here.

Contact Us Now

Crystina Page

Founder / Chair

Maybe K?

Secretary

Financial Guy

Treasurer

Quick Menu

Latest News

Our Address

158 W Main Street
Clarksburg WV 26301

1-800-555-1212

info@curbappeal.com

Sample Sidebar Module