Skip to content

Commit

Permalink
more fixes again
Browse files Browse the repository at this point in the history
  • Loading branch information
@HughCareyGitHub
HughCareyGitHub committed Jun 6, 2024
1 parent fd340dc commit 4107290
Show file tree
Hide file tree
Showing 4 changed files with 320 additions and 294 deletions.
171 changes: 89 additions & 82 deletions gallery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,9 +106,9 @@ <h5 class="modal-title" id="signupModalLabel">Sign Up</h5>
<h1 class="jumbotron-header">Gallery</h1>
<p class="lead">The images help illustrate what Prevent is all about...</p>
<div>
<img src="../assets/images/Gallery2.jpg" class="rounded-circle mr-3" height=200 width=200>
<img src="../assets/images/Gallery3.jpg" class="rounded-circle mr-3" height=200 width=200>
<img src="../assets/images/Gallery4.jpg" class="rounded-circle mr-3" height=200 width=200>
<img src="../assets/images/Gallery2.jpg" class="rounded-circle mr-3" height=200 width=200 alt="stop radicalisaton image">
<img src="../assets/images/Gallery3.jpg" class="rounded-circle mr-3" height=200 width=200 alt="prevent duty image">
<img src="../assets/images/Gallery4.jpg" class="rounded-circle mr-3" height=200 width=200 alt="masked image">
</div>
</section>
</div>
Expand All @@ -118,89 +118,96 @@ <h1 class="jumbotron-header">Gallery</h1>

<main>

<!-- Footer -->
<footer class="text-center" style="background-color:#cccccc;">
<!-- Footer -->
<footer class="text-center" style="background-color:#cccccc;">

<div class="container p-4">

<!-- Social Media contact links -->
<section class="mb-4">
<!-- Facebook styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="https://en-gb.facebook.com/" target="_blank" role="button"><i class="fab fa-facebook-f"></i></a>
<!-- Twitter styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #55acee" href="https://x.com/?lang=ens" target="_blank" role="button"><i class="fab fa-twitter"></i></a>
<!-- Instagram styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac" href="https://www.instagram.com/" target="_blank" role="button"><i class="fab fa-instagram"></i></a>
<!-- Youtube styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #dd4b39" href="https://www.youtube.com/watch?v=Otc2eaRY32s&t=25s&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D" target="_blank" role="button"><i class="fab fa-youtube"></i></a>
</section>
<!-- signup section of footer with a form for easy access on any page. -->
<section class="">
<form action="">
<div class="row d-flex justify-content-center">
<div class="col-auto">
<p class="pt-2">
<strong>Sign up for our newsletter</strong>
</p>
</div>
<div class="col-md-5 col-12">
<div class="form-outline mb-4">
<input type="email" id="form5Example2" lass="form-control" />
<label class="form-label" for="form5Example2">Email address</label>
<div class="container p-4">

<!-- Social Media contact links -->
<section class="mb-4">
<h6>Social media links</h6>
<!-- Facebook styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="https://en-gb.facebook.com/" target="_blank" role="button"><i class="fab fa-facebook-f"></i></a>
<!-- Twitter styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #55acee" href="https://x.com/?lang=en" target="_blank" role="button"><i class="fab fa-twitter"></i></a>
<!-- Instagram styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac" href="https://www.instagram.com/" target="_blank" role="button"><i class="fab fa-instagram"></i></a>
<!-- Youtube styled link in footer -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #dd4b39" href="https://www.youtube.com/watch?v=Otc2eaRY32s&t=25s&pp=ygUccHJldmVudCByYWRpY2FsaXNhdGlvbiB2aWRlbw%3D%3D" target="_blank" role="button"><i class="fab fa-youtube"></i></a>
</section>
<!-- signup section of footer with a form for easy access on any page. -->
<section class="">
<h6>Sign-up</h6>
<form>
<!-- bootstrap styles added to layout the footer features -->
<div class="row d-flex justify-content-center">
<div class="col-auto">
<!-- Sign up form part of the footer -->
<p class="pt-2">
<strong>Sign up for our newsletter</strong>
</p>
</div>
<div class="col-md-5 col-12">
<div class="form-outline mb-4">
<input type="email" id="form5Example2" class="form-control">
<label class="form-label" for="form5Example2">Email address</label>
</div>
</div>
<!-- Signup submit button -->
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-4">Subscribe</button>
</div>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-4">Subscribe</button>
</div>
</form>
</section>
<!-- signup section of the footer, adding another accessible option on every page to easily sign up for more information -->
<section class="mb-4">
<h6>Keep informed</h6>
<p>If you would like to keep informed of all of our activities and latest advice in the combatting of radicalisation then sign up to our newsletter for all of your information.</p>
</section>
</div>
</footer>




<!-- modal section for signup -->
<div class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</form>
</section>
<!-- signup section of the footer, adding another accessible option on every page to easily sign up for more information -->
<section class="mb-4">
<p>If you would like to keep informed of all of our activities and latest advice in the combatting of radicalisation then sign up to our newsletter for all of your information.</p>
</section>
</div>
</footer>



<!-- modal section -->

<div class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- javascript links -->
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- script for field entry -->
<script>
document.getElementById('immediate-assistance-button').addEventListener('click', function () {
var textFieldGroup = document.getElementById('text-field-group');
if (textFieldGroup.style.display === 'none') {
textFieldGroup.style.display = 'block';
} else {
textFieldGroup.style.display = 'none';
}
});
</script>

</body>
</html>
<!-- javascript links -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- script for field entry -->
<script>
document.getElementById('immediate-assistance-button').addEventListener('click', function () {
var textFieldGroup = document.getElementById('text-field-group');
if (textFieldGroup.style.display === 'none') {
textFieldGroup.style.display = 'block';
} else {
textFieldGroup.style.display = 'none';
}
});
</script>
</body>
</html>
Loading

0 comments on commit 4107290

Please sign in to comment.