diff --git a/src/main/resources/templates/towns/home/homePage.html b/src/main/resources/templates/towns/home/homePage.html
index 25968ec61e9889eed4f69dd1c77952cf2a314826..334e00428a60cd35724019627dd108eeefd7aa84 100644
--- a/src/main/resources/templates/towns/home/homePage.html
+++ b/src/main/resources/templates/towns/home/homePage.html
@@ -33,13 +33,14 @@
}
.caerphillyBanner{
+ /* #caerUrl{*/
grid-area:townBannerC;
- background-image: url('CaerphillyCastle.jpg');
+ background-image: url('/CaerphillyCastle.jpg');
background-size: 800px 200px;
background-repeat: no-repeat;
background-position: left 35%;
background-image: url('CaerphillyCastle.jpg');
- /*filter: grayscale(30%);*/
+ filter: grayscale(30%);
}
/*body{*/
/* background-image: url('CaerphillyCastle.jpg');*/
@@ -67,9 +68,15 @@
}
#trailCountCaer,#trailCountRisca,#trailCountPenarth{
flex:1;
+
+
+ /*align-items: center;*/
+ /*justify-content: center;*/
+
}
#trailProgressCaer,#trailProgressRisca,#trailProgressPenarth{
flex:2;
+ align-content: center;
}
@@ -95,7 +102,15 @@
/* grid-template-areas:*/
/* ". townBanner ."*/
/*}*/
-
+#caerUrl{
+ display: block;
+ height:40px;
+ width: 460px;
+ margin:0px;
+ padding:0px;
+ color: inherit;
+ text-decoration: none;
+}
</style>
</head>
<body>
@@ -106,9 +121,14 @@
<button class="submitLand"> Submit Landmark!</button>
+<!-- <a href="/Caerphilly" id="caerUrl" > -->
<div class="caerphillyBanner">
+
<H2> Caerphilly</H2>
+<!-- <a href="/Caerphilly" id="caerUrl" ><H2> Caerphilly</H2></a>-->
+<!-- <a href="homePage.html" id="caerUrl"></a>-->
</div>
+<!-- </a>-->
<div class="caerphillyBannerTrail">
<div id="trailCountCaer"> Trails: 3</div>