Line 3: | Line 3: | ||
<head> | <head> | ||
− | + | <script> | |
− | + | $(document).ready(function() { | |
+ | $("#I4L-they-said").click(function(){ | ||
+ | $("#I4L-they-said-content").fadeIn("slow"); | ||
+ | $("#I4L-we-said").delay(800).fadeIn("slow").css("display","inline-block"); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function() { | ||
+ | $("#I4L-we-said").click(function(){ | ||
+ | $("#I4L-we-said-content").fadeIn("slow"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<style> | <style> | ||
Line 30: | Line 41: | ||
image-rendering: -webkit-optimize-contrast; | image-rendering: -webkit-optimize-contrast; | ||
-ms-interpolation-mode: nearest-neighbor; | -ms-interpolation-mode: nearest-neighbor; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 84: | Line 76: | ||
min-height:500px; | min-height:500px; | ||
min-width:400px | min-width:400px | ||
+ | } | ||
+ | .they-said, .we-said { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | .they-said:after, .we-said:after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 3px; | ||
+ | width: 0; | ||
+ | background: transparent; | ||
+ | transition: width .5s ease, background-color .5s ease; | ||
+ | } | ||
+ | .they-said:hover:after, .we-said:hover:after { | ||
+ | width: 100%; | ||
+ | background: #3e3f3f; | ||
} | } | ||
+ | .they-said-content, .we-said, .we-said-content {display:none;} | ||
</style> | </style> | ||
</head> | </head> | ||
Line 95: | Line 103: | ||
<!-- Banner--> | <!-- Banner--> | ||
<div class="container-fluid page-heading"> | <div class="container-fluid page-heading"> | ||
− | <div class = "row" | + | <div class = "row"> |
<div style="background-color:#e2e2e2"> | <div style="background-color:#e2e2e2"> | ||
<div class = "crispy2"> | <div class = "crispy2"> | ||
Line 147: | Line 155: | ||
</div> | </div> | ||
<div class = "col-xs-6" class="box" id = "please"> | <div class = "col-xs-6" class="box" id = "please"> | ||
− | <center><h1 class = "tag-title">They said</h1></center> | + | <center><h1 class = "tag-title they-said" id="I4L-they-said">They said ></h1></center> |
− | <center><h4>What they said</h4></center> | + | <center><h4 class="they-said-content" id="I4L-they-said-content">What they said</h4></center> |
− | <center><h1 class="tag-title">We said</h1></center> | + | <center><h1 class="tag-title we-said" id="I4L-we-said">We said ></h1></center> |
− | <center><h4>What we said</h4></center> | + | <center><h4 class="we-said-content" id="I4L-we-said-content">What we said</h4></center> |
</div> | </div> | ||
</div> | </div> | ||
Line 170: | Line 178: | ||
</div> | </div> | ||
<div class = "col-xs-6" class="box" id = "please"> | <div class = "col-xs-6" class="box" id = "please"> | ||
− | <center><h1 class = "tag-title">They said</h1></center> | + | <center><h1 class = "tag-title they-said">They said ></h1></center> |
− | <center><h4>What they said</h4></center> | + | <center><h4 class="they-said-content">What they said</h4></center> |
− | <center><h1 class="tag-title">We said</h1></center> | + | <center><h1 class="tag-title we-said">We said ></h1></center> |
− | <center><h4>What we said</h4></center> | + | <center><h4 class="we-said-content">What we said</h4></center> |
</div> | </div> | ||
</div> | </div> | ||
Line 193: | Line 201: | ||
</div> | </div> | ||
<div class = "col-xs-6" class="box" id = "please"> | <div class = "col-xs-6" class="box" id = "please"> | ||
− | <center><h1 class = "tag-title">They said</h1></center> | + | <center><h1 class = "tag-title they-said">They said ></h1></center> |
− | <center><h4>What they said</h4></center> | + | <center><h4 class="they-said-content">What they said</h4></center> |
− | <center><h1 class="tag-title">We said</h1></center> | + | <center><h1 class="tag-title we-said">We said ></h1></center> |
− | <center><h4>What we said</h4></center> | + | <center><h4 class="we-said-content">What we said</h4></center> |
</div> | </div> | ||
</div> | </div> | ||
Line 216: | Line 224: | ||
</div> | </div> | ||
<div class = "col-xs-6" class="box" id = "please"> | <div class = "col-xs-6" class="box" id = "please"> | ||
− | <center><h1 class = "tag-title">They said</h1></center> | + | <center><h1 class = "tag-title they-said">They said ></h1></center> |
− | <center><h4>What they said</h4></center> | + | <center><h4 class="they-said-content">What they said</h4></center> |
− | <center><h1 class="tag-title">We said</h1></center> | + | <center><h1 class="tag-title we-said">We said ></h1></center> |
− | <center><h4>What we said</h4></center> | + | <center><h4 class="we-said-content">What we said</h4></center> |
</div> | </div> | ||
</div> | </div> | ||
Line 239: | Line 247: | ||
</div> | </div> | ||
<div class = "col-xs-6" class="box" id = "please"> | <div class = "col-xs-6" class="box" id = "please"> | ||
− | <center><h1 class = "tag-title">They said</h1></center> | + | <center><h1 class = "tag-title they-said">They said ></h1></center> |
− | <center><h4>What they said</h4></center> | + | <center><h4 class="they-said-content">What they said</h4></center> |
− | <center><h1 class="tag-title">We said</h1></center> | + | <center><h1 class="tag-title we-said">We said ></h1></center> |
− | <center><h4>What we said</h4></center> | + | <center><h4 class="we-said-content">What we said</h4></center> |
</div> | </div> | ||
</div> | </div> | ||
Line 262: | Line 270: | ||
</div> | </div> | ||
<div class = "col-xs-6" class="box" id = "please"> | <div class = "col-xs-6" class="box" id = "please"> | ||
− | <center><h1 class = "tag-title">They said</h1></center> | + | <center><h1 class = "tag-title they-said">They said ></h1></center> |
− | <center><h4>What they said</h4></center> | + | <center><h4 class="they-said-content">What they said</h4></center> |
− | <center><h1 class="tag-title">We said</h1></center> | + | <center><h1 class="tag-title we-said">We said ></h1></center> |
− | <center><h4>What we said</h4></center> | + | <center><h4 class="we-said-content">What we said</h4></center> |
</div> | </div> | ||
</div> | </div> |
Revision as of 09:18, 25 September 2017