Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Major Update

Added Menu to home page
Added FAQ page and CAD drawing page, with files
  • Loading branch information...
commit 89eedca508d48c282137dbe3d08393d3fbf7be1d 1 parent 4d6fba2
@michaelc42 authored
Showing with 417 additions and 85 deletions.
  1. BIN  CAD/SR10X10-07.dwg
  2. BIN  CAD/SR12X12-07.dwg
  3. BIN  CAD/SR4X4-07.dwg
  4. BIN  CAD/SR4X6-07.dwg
  5. BIN  CAD/SR4X8-07.dwg
  6. BIN  CAD/SR6X10-07.dwg
  7. BIN  CAD/SR6X6-07.dwg
  8. BIN  CAD/SR6X8-07.dwg
  9. BIN  CAD/SR8X10-07.dwg
  10. BIN  CAD/SR8X12-07.dwg
  11. BIN  CAD/SR8X8-07.dwg
  12. +3 −0  application/config/routes.php
  13. +36 −0 application/controllers/main_controller.php
  14. +32 −0 application/views/architectural_details_view.php
  15. +2 −8 application/views/exceeding_standards_view.php
  16. +138 −0 application/views/faqs_view.php
  17. +46 −4 application/views/home_view.php
  18. +4 −0 application/views/includes/alt-footer.php
  19. +15 −20 application/views/includes/alt-header.php
  20. +2 −3 application/views/includes/header.php
  21. +4 −5 application/views/product_info_view.php
  22. +7 −7 application/views/proven_by_science_view.php
  23. +30 −0 application/views/using_product_view.php
  24. +51 −9 css/alt_style.css
  25. +47 −29 css/style.css
  26. BIN  images/using_product_banner.jpg
  27. BIN  images/using_product_closet.jpg
  28. BIN  images/using_product_wine.jpg
View
BIN  CAD/SR10X10-07.dwg
Binary file not shown
View
BIN  CAD/SR12X12-07.dwg
Binary file not shown
View
BIN  CAD/SR4X4-07.dwg
Binary file not shown
View
BIN  CAD/SR4X6-07.dwg
Binary file not shown
View
BIN  CAD/SR4X8-07.dwg
Binary file not shown
View
BIN  CAD/SR6X10-07.dwg
Binary file not shown
View
BIN  CAD/SR6X6-07.dwg
Binary file not shown
View
BIN  CAD/SR6X8-07.dwg
Binary file not shown
View
BIN  CAD/SR8X10-07.dwg
Binary file not shown
View
BIN  CAD/SR8X12-07.dwg
Binary file not shown
View
BIN  CAD/SR8X8-07.dwg
Binary file not shown
View
3  application/config/routes.php
@@ -52,6 +52,9 @@
$route['product_info'] = 'main_controller/product_info';
$route['proven_by_science'] = 'main_controller/proven_by_science';
$route['exceeding_standards'] = 'main_controller/exceeding_standards';
+$route['using_product'] = 'main_controller/using_product';
+$route['frequently_asked_questions'] = 'main_controller/frequently_asked_questions';
+$route['architectural_details'] = 'main_controller/architectural_details';
//$route['user'] = 'user';
//$route['user/login'] = 'user/login';
View
36 application/controllers/main_controller.php
@@ -269,6 +269,7 @@ function product_info()
$data['active'] = 'product_info';
$data['title'] = 'Product Information';
$data['css'] = 'alt_style.css';
+ $data['header_image'] = 'prod_info_banner.jpg';
$this->load->view('includes/alt-template', $data);
}
@@ -279,6 +280,7 @@ function proven_by_science()
$data['active'] = 'proven_by_science';
$data['title'] = 'Proven By Science';
$data['css'] = 'alt_style.css';
+ $data['header_image'] = 'prod_info_banner.jpg';
$this->load->view('includes/alt-template', $data);
}
@@ -289,6 +291,40 @@ function exceeding_standards()
$data['active'] = 'exceeding_standards';
$data['title'] = 'Meeting and Exceeding Standards';
$data['css'] = 'alt_style.css';
+ $data['header_image'] = 'prod_info_banner.jpg';
+ $this->load->view('includes/alt-template', $data);
+ }
+
+ function using_product()
+ {
+ $data = NULL;
+ $data['main_content'] = 'using_product_view';
+ $data['active'] = 'using_product';
+ $data['title'] = 'Using the Product';
+ $data['css'] = 'alt_style.css';
+ $data['header_image'] = 'using_product_banner.jpg';
+ $this->load->view('includes/alt-template', $data);
+ }
+
+ function frequently_asked_questions()
+ {
+ $data = NULL;
+ $data['main_content'] = 'faqs_view';
+ $data['active'] = 'FAQs';
+ $data['title'] = 'Frequently Asked Questions';
+ $data['css'] = 'alt_style.css';
+ $data['header_image'] = 'using_product_banner.jpg';
+ $this->load->view('includes/alt-template', $data);
+ }
+
+ function architectural_details()
+ {
+ $data = NULL;
+ $data['main_content'] = 'architectural_details_view';
+ $data['active'] = 'architectural_details';
+ $data['title'] = 'Architectural Details';
+ $data['css'] = 'alt_style.css';
+ $data['header_image'] = 'using_product_banner.jpg';
$this->load->view('includes/alt-template', $data);
}
}
View
32 application/views/architectural_details_view.php
@@ -0,0 +1,32 @@
+<h4>CAD Details</h4>
+
+<p>
+Scaled drawings of the standard room sizes of the DuPont™ StormRoom™ with
+Kevlar® are available for download. These drawings can easily be dropped
+into any architectural plan for review. Any draftsman or architect can quickly
+see options for the DuPont™ StormRoom™ within their home plans.
+</p>
+
+<ul>
+ <li><a href="<?php echo site_url('CAD/SR4X4-07.dwg');?>">SR4X4-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR4X6-07.dwg');?>">SR4X6-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR4X8-07.dwg');?>">SR4X8-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR6X6-07.dwg');?>">SR6X6-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR6X8-07.dwg');?>">SR6X8-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR6X10-07.dwg');?>">SR6X10-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR8X8-07.dwg');?>">SR8X8-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR8X10-07.dwg');?>">SR8X10-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR8X12-07.dwg');?>">SR8X12-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR10X10-07.dwg');?>">SR10X10-07.dwg</a></li>
+
+ <li><a href="<?php echo site_url('CAD/SR12X12-07.dwg');?>">SR12X12-07.dwg</a></li>
+</ul>
View
10 application/views/exceeding_standards_view.php
@@ -1,9 +1,8 @@
<h4>DuPont™ StormRoom™ meets FEMA storm shelter requirements for Category 5 hurricanes and F5 tornadoes</h4>
+ <img src="<?php echo site_url('images/Destroyed_House.jpg')?>" alt="Destroyed House" class="image-padding-left" id="destroyed_house"/>
<p>
Coastal regions are becoming more populated every year. Many of these areas become dangerous during severe weather, with
the threats of strong winds and extreme conditions. Many states, such as Florida, encourage residents to have a room in
-
- <img src="<?php echo site_url('images/Destroyed_House.jpg')?>" alt="Destroyed House" class="image-padding-left" id="destroyed_house"/>
their home built to withstand the windborne debris of a storm. The DuPont™ StormRoom™ with KEVLAR® has the strength
to endure the dangers of severe weather.
<br />
@@ -25,9 +24,4 @@
Many of the testing requirements found in the FEMA 320 guidelines are also found in the new ICC- 500 certification for
storm shelters. DuPont™ StormRoom™ meets all of these proposed ICC requirements, and once the ICC – 500 is published
DuPont will seek to obtain certification for an ICC-500 storm shelter.
- </p>
-
- </div><!--Close justify -->
- </div><!--End info-section -->
-</div><!--End main -->
-
+ </p>
View
138 application/views/faqs_view.php
@@ -0,0 +1,138 @@
+<h4>Frequently Asked Questions</h4>
+<div id="faq-links">
+ <p>
+ <a href="#faq1">What is a DuPont™ StormRoom™ with KEVLAR®?</a>
+ </p>
+ <p>
+ <a href="#faq2">What is DuPont™ KEVLAR® Brand Aramid Fiber?</a>
+ </p>
+ <p>
+ <a href="#faq3">Who sets the criteria for an aboveground storm shelter?</a>
+ </p>
+ <p>
+ <a href="#faq4">How was the DuPont™ StormRoom™ with KEVLAR® tested?</a>
+ </p>
+ <p>
+ <a href="#faq5">How does the DuPont™ StormRoom™ with KEVLAR® protect me against the forces of tornados or hurricanes?</a>
+ </p>
+ <p>
+ <a href="#faq6">What does a DuPont™ StormRoom™ with KEVLAR® look like within a residential home?</a>
+ </p>
+ <p>
+ <a href="#faq7">What type of homes can have a DuPont™ StormRoom™ with KEVLAR®?</a>
+ </p>
+ <p>
+ <a href="#faq8">Where can the room be located in a residential home?</a>
+ </p>
+ <p>
+ <a href="#faq9">How is the DuPont™ StormRoom™ with KEVLAR® attached to the concrete foundation?</a>
+ </p>
+ <p>
+ <a href="#faq10">Who installs the DuPont™ StormRoom™ with KEVLAR®?</a>
+ </p>
+ <p>
+ <a href="#faq11">How long does it take to install DuPont™ StormRoom™ with KEVLAR®?</a>
+ </p>
+ <p>
+ <a href="#faq12">What will the DuPont™ StormRoom™ with KEVLAR® look like once it is installed?</a>
+ </p>
+ <p>
+ <a href="#faq13">Does the installer finish the DuPont™ StormRoom™ with KEVLAR®?</a>
+ </p>
+ <p>
+ <a href="#faq14">Is the DuPont™ StormRoom™ with KEVLAR® wheelchair accessible?</a>
+ </p>
+ <p>
+ <a href="#faq15">Does the DuPont™ StormRoom™ with KEVLAR® have ventilation?</a>
+ </p>
+ <p>
+ <a href="#faq16">Can the DuPont™ StormRoom™ with KEVLAR® be used for other applications?</a>
+ </p>
+ <p>
+ <a href="#faq17">What makes the DuPont™ StormRoom™ with KEVLAR® a superior storm shelter?</a>
+ </p>
+ <p>
+ <a href="#faq18">How much will the DuPont™ StormRoom™ with KEVLAR® cost?</a>
+ </p>
+ <p>
+ <a href="#faq19">What about flooding and DuPont™ StormRoom™ with KEVLAR®? </a>
+ </p>
+</div>
+
+<h6 id="faq1">What is a DuPont™ StormRoom™ with KEVLAR®?</h6>
+<p>
+ DuPont™ StormRoom™ with KEVLAR® is an in-home aboveground hurricane and tornado shelter. The room is an innovative design created by DuPont engineers using DuPont™ KEVLAR® aramid brand fiber - this is similar material used by law enforcement and military personnel. The room consists of wall panels containing DuPont™ KEVLAR® material that are connected together using structural steel connectors and are attached to a concrete slab foundation with an epoxy anchoring system. An attractive steel door that meets FEMA requirements is used for the entryway.
+</p>
+<h6 id="faq2">What is DuPont™ KEVLAR® Brand Aramid Fiber?</h6>
+<p>
+ DuPont™ Kevlar® brand aramid fiber was invented by DuPont scientists in 1965, and its uses have evolved over the past four decades. It’s the fiber used in bullet-resistant vests and helmets worn by police and military forces, and is the fiber used in cars for lightweight, durable body sections that withstand impacts during collisions.
+</p>
+<h6 id="faq3">Who sets the criteria for an aboveground storm shelter?</h6>
+<p>
+ FEMA (Federal Emergency Management Agency) has created a national standard and published a prescriptive standard in ‘FEMA 320: Taking Shelter from the Storm.’ The current standard requires structures to withstand high wind loads and to resist a 12ft, 15lb, 2’x4’ building timber shot at the shelter at 100 mph. 100mph is how fast a 250+mph wind will carry the 2’x4’. The FEMA criteria were established in conjunction with the national experts on extreme winds from Texas Technical University’s School of Wind Engineering. In addition, the International Code Council has published the ICC-500 Standard for the Design and Construction of Storm Shelters. The DuPont™ StormRoom™ with KEVLAR® meets the national requirements for hurricane and tornado shelters.
+</p>
+<h6 id="faq4">How was the DuPont™ StormRoom™ with KEVLAR® tested?</h6>
+<p>
+ In addition to the Texas Tech testing, the DuPont™ StormRoom™ with KEVLAR® has been tested at three independent labs. The wall panels and the entire room have been tested at these facilities and have been found to meet the national requirements for aboveground storm shelters.
+</p>
+<h6 id="faq5">How does the DuPont™ StormRoom™ with KEVLAR® protect me against the forces of tornados and hurricanes?</h6>
+<p>
+ The DuPont™ StormRoom™ with KEVLAR® protects you in three very important ways. (1) The design of the wall and ceiling panels, which utilize DuPont™ KEVLAR® fiber, prevent flying debris from penetrating into the shelter. Most deaths and injuries during a tornado are caused by flying debris. (2) The design of the anchoring system and connecting system prevent wind uplift, even in the extreme winds generated by an EF5 tornado. (3) The design of the wall and ceiling panels and their connection systems are extremely resistant to crushing. The roof of the StormRoom™ can support over 70,000 pounds, the weight of a loaded tractor-trailer truck. It is not intended to protect against floods or strom surges that may accompany these storms. It is not fire resistant.
+</p>
+<h6 id="faq6">What does a DuPont™ StormRoom™ with KEVLAR® look like within a residential home?</h6>
+<p>
+ Because DuPont™ StormRoom™ with Kevlar® can be finished inside and out to match the walls in the home. You or your builder can make it a fully functional room that fits into your everyday life. It can work as a closet, bathroom, laundry room, or any windowless room in your home. The room can be wired for electricity, set up with plumbing, attached to your home’s air conditioning system, and it is easily finished with furring strips and drywall. DuPont™ StormRoom™ with KEVLAR® can be installed in your new or existing home.
+</p>
+<h6 id="faq7">What type of homes can have a DuPont™ StormRoom™ with KEVLAR®?</h6>
+<p>
+ The DuPont™ StormRoom™ with KEVLAR® is ideal for existing or new residential construction on a concrete slab foundation that meets the design requirements found in FEMA 320. Any engineered foundation that meets the uplift requirements such as those detailed in FEMA 320 would be appropriate for use with this shelter. The room is available in several rectangular configurations with the maximum external footprint equaling 169 square feet. Custom rectangular sizes are available between 16 square feet and 169 square feet.
+</p>
+<h6 id="faq8">Where can the DuPont™ StormRoom™ with KEVLAR® be located?</h6>
+<p>
+ DuPont™ StormRoom™ with KEVLAR® must be anchored to a concrete foundation either on the ground floor, in the basement or in a garage. If the StormRoom™ is being installed for hurricane protection it cannot be installed in the basement or below ground due to flooding issues.
+</p>
+<h6 id="faq9">How is the DuPont™ StormRoom™ with KEVLAR® attached to the concrete foundation?</h6>
+<p>
+ The Simpson Strong-Tie Anchor System® and Simpson Epoxy-Tie® Anchoring Adhesives are used to attach the steel tracks of the DuPont™ StormRoom™ with KEVLAR® to your concrete foundation. A thickened footing is not required, just a standard 4” minimum thickness slab with minimum 3,000 psi reinforced concrete (for optimum performance, the minimum concrete slab size should be reinforced with Steel Welded Wire Mesh). Our certified installers drill and thoroughly clean each hole before inserting the epoxy and anchor bolts. This anchoring system has been extensively tested by DuPont engineers and independent laboratories and has been proven to exceed FEMA requirements for anchoring storm shelters.
+</p>
+<h6 id="faq10">Who installs the DuPont™ StormRoom™ with KEVLAR®?</h6>
+<p>
+ Only trained and certified installers are authorized to install the DuPont™ StormRoom™ with KEVLAR®. Installation costs are included in the purchase price.
+</p>
+<h6 id="faq11">How long does it take to Install a DuPont™ StormRoom™ with KEVLAR®?</h6>
+<p>
+ In most cases, the DuPont™ StormRoom™ with KEVLAR® can be installed in a new or existing construction in a single day. When the installation team has finished tightening the last bolt, the DuPont™ StormRoom™ with KEVLAR® is ready to be used to protect you and your family against the strongest of storms.
+</p>
+<h6 id="faq12">What will the DuPont™ StormRoom™ with KEVLAR® look like once it is installed?</h6>
+<p>
+ The interior and exterior surfaces of the DuPont™ StormRoom™ with KEVLAR® wall panels are plywood. The connecting tracks are steel, and the walls and tracks are connected together with bolts. At the end of the installation, you will see these components. Once the installation is complete, it is ready for the homeowner or contractor to finish it out as they desire.
+</p>
+<h6 id="faq13">Does the installer finish the DuPont™ StormRoom™ with KEVLAR®?</h6>
+<p>
+ No, it is the responsibility of either the homeowner or their contractor to finish the room. The installers can provide helpful information about how to wire it, drywall it, etc. In addition, written information on finishing tips is available to the owners and their contractors.
+</p>
+<h6 id="faq14">Is the DuPont™ StormRoom™ with KEVLAR® wheelchair accessible?</h6>
+<p>
+ The DuPont™ StormRoom™ with KEVLAR® has no threshold; thus, there is no impediment to a wheelchair. The standard door size is 2’8” wide, which is passable for most wheelchairs and a 3’ wide door is available if needed. Also, the latching mechanism for the door all takes place at the lever door handle – a quarter turn of the lever engages six one-inch hardened steel pins into the steel frame of the door, securing the occupants against the high winds of a tornado or hurricane.
+</p>
+<h6 id="faq15">Does the DuPont™ StormRoom™ with KEVLAR® have ventilation?</h6>
+<p>
+ Yes. FEMA requires all storm shelters to have ventilation. The DuPont™ StormRoom™ with KEVLAR® has shielded vents in the ceiling and the door is raised ¾” off the floor, allowing air to flow in and out. The number of ceiling vents varies depending in the size of the shelter and its recommended occupancy rating.
+</p>
+<h6 id="faq16">Can the DuPont™ StormRoom™ with KEVLAR® be used for other applications?</h6>
+<p>
+ Yes. The DuPont™ StormRoom™ with KEVLAR® has a security door option that is intruder resistant, allowing it to be used as a safe place for storage of valuables, sensitive records, etc. However the StormRoom™ is designed to be a storm shelter and not a "safe room" or "panic room".
+</p>
+<h6 id="faq17">What makes the DuPont™ StormRoom™ with KEVLAR® a superior storm shelter?</h6>
+<p>
+ We believe the DuPont™ StormRoom™ with KEVLAR® to be one of the top storm shelters on the market today. As an above-ground in-home shelter, you don’t have to leave your house and go out into the rain, hail, wind or lightning to reach safety. The ease of finish-out allows the room to be made into a useful space year-round, such as a closet, bathroom, laundry room, pantry, office, media room, etc. Unlike all-steel shelters or thick concrete walls, the DuPont™ StormRoom™ with KEVLAR® does not interfere with your cell phone, wi-fi, and radio reception, allowing you to keep in contact with your loved ones, follow the storm’s track, and listen to emergency broadcasts from inside the shelter. The door opens to the interior of the shelter, so if debris falls against the outside of the shelter you can open the door when the storm is over. Perhaps most importantly, the DuPont™ StormRoom™ with KEVLAR® is engineered and designed by DuPont, one of the world’s leading science and engineering companies.
+</p>
+<h6 id="faq18">How much will the DuPont™ StormRoom™ with KEVLAR® cost?</h6>
+<p>
+ Even though the DuPont™ StormRoom™ with KEVLAR® is second to none in the features it offers, it is still surprisingly affordable for most people. Our independent authorized dealers set retail pricing, but national pricing surveys have shown that the cost to the consumer starts at under $6,000 and up. The cost increases depending on the size of the shelter, options chosen, and whether the shelter is installed in new construction or is being retrofitted into an existing home.
+</p>
+<h6 id="faq19">What about flooding and DuPont™ StormRoom™ with KEVLAR®?</h6>
+<p>
+ DuPont™ StormRoom™ with KEVLAR® is not designed to protect against floodwaters or storm surge.
+ The DuPont™ StormRoom™ with KEVLAR® has been designed to protect against flying debris, wind uplift, and crushing forces that extreme weather can cause.
+</p>
View
50 application/views/home_view.php
@@ -16,9 +16,51 @@
-->
<div id="navigation">
<ul>
- <a href="<?php echo site_url(); ?>" id="first-nav-link"><li>Home</li></a>
- <a href="product_info"><li>Product Info</li></a>
- <a href="#"><li>FAQs</li></a>
+ <li id="home-link">
+ <ul>
+ <li>
+ <a href="<? echo site_url();?>">Home</a>
+ </li>
+ </ul>
+ </li>
+ <li id="prod-info-link">
+ <div class="menu">
+ <ul>
+ <li>
+ <a href="<? echo site_url('product_info');?>">Product Info</a>
+ </li>
+ <li class="dropdown">
+ <a href="<? echo site_url('proven_by_science');?>">Proven by Science</a>
+ </li>
+ <li class="dropdown">
+ <a href="<? echo site_url('exceeding_standards');?>">Exceeding Standards</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+
+ <li id="using-prod-link">
+ <div class="menu">
+ <ul>
+ <li>
+ <a href="<? echo site_url('using_product');?>">Using the Product</a>
+ </li>
+ <li class="dropdown">
+ <a href="<? echo site_url('frequently_asked_questions');?>">FAQs</a>
+ </li>
+ <li class="dropdown">
+ <a href="<? echo site_url('architectural_details');?>">Architectural Details</a>
+ </li>
+ </ul>
+ </div>
+ </li>
+ <li id="galleries-link">
+ <ul>
+ <li>
+ <a href="<? echo site_url('galleries');?>">Gallery</a>
+ </li>
+ </ul>
+ </li>
</ul>
</div>
</div>
@@ -47,7 +89,7 @@
the DuPont&#8482; StormRoom&#8482; can be easily incorporated into a new building design or added to
an existing home without disrupting the building process or your daily routine. </p>
</div>
- <div class="grid_7 omega" id="<!--[if lt IE 9]>provenbyscienceIE <![end if]-->">
+ <div class="grid_7 omega" id="<!--[if lt IE 9]>provenbyscienceIE<![end if]-->">
<img class="grid_3 alpha" src="<?php echo base_url();?>images/pic3.jpg" alt="F5 Stormrooms Image Three"/>
<h5 class="grid_4 alpha omega">Proven by Science</h5>
<p class="grid_4 alpha omega">Proven by Science
View
4 application/views/includes/alt-footer.php
@@ -1,3 +1,7 @@
+
+ </div><!--Close justify -->
+ </div><!--End info-section -->
+</div><!--End main -->
<div id="footer" class="grid_14 alpha">
<div id="footer-content" class="grid_14 alpha">
<p>
View
35 application/views/includes/alt-header.php
@@ -1,7 +1,6 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
@@ -28,7 +27,7 @@
DuPont&#8482; StormRoom&#8482; with Kevlar&#174;
</h4>
</div><!-- End names div -->
- <img id="header-image" src="<?php echo site_url('images/prod_info_banner.jpg')?>" alt="Product Information"/>
+ <img id="header-image" src="<?php echo site_url('images/'.$header_image)?>" alt="Product Information"/>
<div class="grid_14 alpha" id="alt-nav">
<ul>
@@ -47,31 +46,27 @@
<li class="<?php echo ( $active == 'product_info' ? 'active' : '' ); ?>">
<a href="product_info">Product Info</a>
</li>
- <div id="product-info-dropdown" class="dropdown">
- <li class="<?php echo ( $active == 'proven_by_science' ? 'active' : '' ); ?>">
+ <li class="dropdown <?php echo ( $active == 'proven_by_science' ? 'active' : '' ); ?>">
<a href="proven_by_science">Proven by Science</a>
</li>
- <li class="<?php echo ( $active == 'exceeding_standards' ? 'active' : ''); ?>">
+ <li class="dropdown <?php echo ( $active == 'exceeding_standards' ? 'active' : ''); ?>">
<a href="exceeding_standards">Exceeding Standards</a>
</li>
- </div>
- </ul>
+ </ul>
</div>
</li>
<li>
<div id="using-product-item">
<ul>
<li class="<?php echo ( $active == 'using_product' ? 'active' : '' ); ?>">
- <a href="product_info">Using the Product</a>
+ <a href="using_product">Using the Product</a>
+ </li>
+ <li class="dropdown <?php echo ( $active == 'faqs' ? 'active' : '' ); ?>">
+ <a href="frequently_asked_questions">FAQs</a>
+ </li>
+ <li class="dropdown <?php echo ( $active == 'architectural_details' ? 'active' : ''); ?>">
+ <a href="architectural_details">Architectural Details</a>
</li>
- <div id="using-product-dropdown" class="dropdown">
- <li class="<?php echo ( $active == 'faqs' ? 'active' : '' ); ?>">
- <a href="FAQs">FAQs</a>
- </li>
- <li class="<?php echo ( $active == 'architectural_details' ? 'active' : ''); ?>">
- <a href="architectural_details">Architectural Details</a>
- </li>
- </div>
</ul>
</div>
</li>
@@ -84,5 +79,5 @@
</li>
</ul>
</div> <!--Close alt-nav-->
- <div class="grid_11 alpha omega" id="info-section">
- <div class="grid_11 alpha omega justify">
+ <div class="grid_14 alpha omega beta" id="info-section">
+ <div class="grid_14 alpha omega beta justify">
View
5 application/views/includes/header.php
@@ -1,7 +1,6 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
View
9 application/views/product_info_view.php
@@ -1,7 +1,6 @@
<h4>The only in-home shelter reinforced with DuPont™ KEVLAR®</h4>
- <p>
+ <p class="grid_11 alpha">
Being prepared for severe weather conditions goes beyond buying batteries and stocking up on bottled
- <img src="<?php echo site_url('images/prod_info_tornado.jpg');?>" class="image-padding-left" id="tornado-image" alt="Tornado"/>
water during storm season. It starts right within the home. During a hurricane or tornado, windborne debris
ranging from broken building materials to common household items can become dangerous flying missiles.
Unfortunately, masonry, framing and sheet rock alone are not designed to stop this kind of threat. If a tornado
@@ -13,6 +12,6 @@
in new building designs. Families feel protected in their own home and builders feel confident that their houses offer
reliable storm protection. Houses can be rebuilt, but families are irreplaceable.
</p>
- </div><!--Close justify -->
- </div><!--End info-section -->
-</div><!--End main -->
+ <p class="grid_3 omega" id="image-div">
+ <img src="<?php echo site_url('images/prod_info_tornado.jpg');?>" class="" id="tornado-image" alt="Tornado"/>
+ </p>
View
14 application/views/proven_by_science_view.php
@@ -1,14 +1,12 @@
<h4>Proven by Science</h4>
- <p>
+ <p class="grid_10 alpha beta">
The building science experts at DuPont have revolutionized severe weather protection for the home with the DuPont™ StormRoom™,
- <img src="<?php echo site_url('images/flying_board.jpg');?>" class="image-padding-left" id="flying_board" alt="Flying Board Test"/>
the only in-home hurricane and tornado shelter reinforced with DuPont™ KEVLAR®. These specially reinforced walls form
a virtually impenetrable barrier to protect families from flying debris during a tornado or a hurricane.
<br />
<br />
The DuPont™ StormRoom™ is specially designed to endure wind speeds of up to 250 miles per hour. Independent impact
tests show that the DuPont™ StormRoom™ withstood repeated hits by building timbers fired at speeds equivalent to those
- <img src="<?php echo site_url('images/flying_board2.jpg');?>" class="image-padding-left" id="flying_board2" alt="Flying Board Close-Up"/>
experienced in Category 5 hurricanes and F5 tornados.
<br />
@@ -16,7 +14,9 @@
There’s also the added comfort of knowing that the DuPont™ StormRoom™ is solidly anchored to concrete foundations with chemically-set anchors strong enough to help resist the wind uplift generated by the most powerful storms.
</p>
-
- </div><!--Close justify -->
- </div><!--End info-section -->
-</div><!--End main -->
+ <p class="grid_4 alpha beta">
+ <img src="<?php echo site_url('images/flying_board.jpg');?>" class="image-padding-left" id="flying_board" alt="Flying Board Test"/>
+ </p>
+ <p class="grid_4 alpha beta">
+ <img src="<?php echo site_url('images/flying_board2.jpg');?>" class="image-padding-left" id="flying_board2" alt="Flying Board Close-Up"/>
+ </p>
View
30 application/views/using_product_view.php
@@ -0,0 +1,30 @@
+<h4>A Simple Yet Important Addition</h4>
+<div class="grid_14 alpha">
+<p>
+ The DuPont™ StormRoom™ with KEVLAR®, an aboveground, in-home hurricane and tornado shelter,
+ can be easily added to an existing home or incorporated into any new building design. It can
+ be created in any wall length from 4 feet to 12 feet as a customized system or standard size.
+ The homeowner or builder can make StormRoom™ into a fully functional living space; all you need
+ is wiring, plumbing (if desired) and a few finishing touches to create a StormRoom™ that doubles
+ as an extra closet, powder room or laundry room. When installed in a home, DuPont™ StormRoom™
+ meets FEMA requirements for passive ventilation.
+</p>
+<p>
+ The DuPont™ StormRoom™ with KEVLAR® is easy to install and offers many benefits:
+</p>
+<ul>
+ <li>Durable and strong yet lighter than steel and concrete shelters</li>
+ <li>Can be easily added to an existing home or new construction</li>
+ <li>Doesn’t interrupt the building cycle—can be installed from bare slab through framing or drywall</li>
+ <li>When installed in a home, DuPont™ StormRoom™ meets FEMA requirements for passive ventilation.</li>
+ <li>Handicap accessible door.</li>
+ <li>It’s thoroughly storm-tested walls with DuPont™ Kevlar® allow for wireless use and radio reception,
+ so you won’t be cut off from the outside.</li>
+</ul>
+</div>
+<div class="grid_10 prefix_4 alpha">
+<img class="using_product_image" src="<?php echo site_url('images/using_product_closet.jpg');?>" alt="A shelter can double as a closet."/>
+<img class="using_product_image" src="<?php echo site_url('images/using_product_wine.jpg');?>" alt="Wine Cellar and Shelter"/>
+</div>
+
+
View
60 css/alt_style.css
@@ -10,8 +10,19 @@ body{
h1, h2, h3, h4, h5, h6{
color: #87002f;
+ margin-bottom: 10px;
+}
+
+a{
+ color: #cc0000;
}
+/* Header Titles */
+#f5stormrooms-header{
+ color: black;
+}
+/* End Header Titles */
+
/*Header Image*/
#header-image{
float: right;
@@ -26,8 +37,12 @@ h1, h2, h3, h4, h5, h6{
padding-top: 5px;
padding-bottom: 5px;
}
+
+#alt-nav a{
+ text-decoration: none;
+}
#alt-nav .active{
- background-color: red;
+ background-color: #87002f;
display: block;
}
@@ -42,12 +57,12 @@ h1, h2, h3, h4, h5, h6{
#alt-nav ul li ul:first-child{
float:left;
- padding-left: 0px;
+ padding-left: 5px;
}
#alt-nav ul li ul li:hover{
- background-color: blue;
+ background-color: #666666;
}
#alt-nav ul li ul li{
@@ -68,9 +83,10 @@ h1, h2, h3, h4, h5, h6{
#alt-nav a{
color: white;
text-decoration: none;
+ display: block;
}
-#alt-nav .dropdown{/*#product-info-dropdown {*/
+#alt-nav .dropdown{
position: relative;
margin-left: 0px;
left:-10000px;
@@ -78,16 +94,26 @@ h1, h2, h3, h4, h5, h6{
display: block;
width: 140px;
}
-#alt-nav #product-info-item:hover div{
+
+
+#alt-nav .dropdown:hover div{
left: 0px;
}
-#alt-nav #using-product-item:hover div{
+#alt-nav .dropdown:hover div{
+ left: 0px;
+}
+
+#alt-nav #product-info-item:hover li{
+ left: 0px;
+}
+
+#alt-nav #using-product-item:hover li{
left: 0px;
}
#alt-nav #using-product-item ul
{
- width: 145px;
+ width: 140px;
}
#alt-nav #gallery-item ul li{
@@ -115,9 +141,25 @@ h1, h2, h3, h4, h5, h6{
}
#tornado-image{
- height: 200px;
+ width: 160px;
}
+/* Using Product Page */
+#container .using_product_image{
+ width: 160px;
+ margin-right: 20px;
+
+}
+/* End Using Product Page */
+#faq-links{
+ margin-bottom: 20px;
+}
+#faq-links p{
+ margin-bottom: 0px;
+}
+/* FAQs page */
+
+/* End FAQs */
/* Footer Style */
#footer{
margin-bottom: 30px;
@@ -149,7 +191,7 @@ padding-top:15px;
}
.image-padding-left{
- padding-left: 5px;
+ padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
float: right;
View
76 css/style.css
@@ -31,48 +31,66 @@ background-size:820px;
}
/*Navigation Bar */
-#header #navigation {
- padding-top: 293px;
- padding-left: 0px;
+#navigation{
+ position: relative;
+ top: 283px;
+ font-size: 16px;
}
-
-#header #navigation ul{
- list-style-type: none;
+#navigation *{
+ color: white;
}
-
-
-#header #navigation li{
- display: inline;
- margin: 0;
+#navigation a{
+ text-decoration: none;
+}
+#navigation ul, ul li,ul li ul li{
+ list-style-type: none;
+ margin:0;
padding: 0;
- padding-top: 12px;
- padding-bottom: 11px;
- padding-right: 20px;
- padding-left: 20px;
- color: white;
- font-size: 15px;
- font-weight: bold;
- border-left: solid 1px;
- text-align: center;
- margin-right: -5px; /*gets rid of small margin to the right of each link element */
+}
+#navigation ul li ul:first-child{
+ float: left;
+}
+#navigation ul li ul li:first-child{
+ border-right: 1px solid white;
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+#navigation ul li{
+ padding-left: 10px;
+ padding-right: 10px;
}
-#header #navigation #first-nav-link li{
- border-left: 0;
+#navigation #home-link{
+ padding-left: 0px;
+}
+#navigation #prod-info-link ul{
+ width: 106px;
+}
+#navigation #using-prod-link ul{
+ width: 148px;
}
-#header #navigation li:hover{
- background-color: #a60a22;
+#navigation #prod-info-link .dropdown{
+ width: 153px;
}
-#header #navigation a{
- text-decoration: none;
+#navigation #using-prod-link .dropdown{
+ width: 143px;
}
-#header #navigation a:link, a:visited {
+#navigation .dropdown{
+ position: relative;
+ left: -10000px;
+}
+#navigation .dropdown, ul li ul:hover{
+ background: #87002f;
+}
+#navigation ul li ul li:hover{
+ background: #c52f48;
}
-#header #navigation a:hover, a:active {
+#navigation .menu:hover li{
+ left: 0;
}
/* End navigation bar */
View
BIN  images/using_product_banner.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/using_product_closet.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/using_product_wine.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 89eedca

Please sign in to comment.
Something went wrong with that request. Please try again.