Skip to content

Commit

Permalink
Class and ID format, Footer styling
Browse files Browse the repository at this point in the history 
Co-Authored-By: JeisunDev <56722713+jason-karcheski@users.noreply.github.com>
  • Loading branch information
@KTKCodes @Jason-Karcheski
KTKCodes and Jason-Karcheski committed Aug 14, 2024
1 parent e183dbd commit ce9be5f
Show file tree
Hide file tree
Showing 6 changed files with 123 additions and 159 deletions.
29 changes: 5 additions & 24 deletions WIP.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<!--brand-->
<a class="navbar-brand" href="index.html">
<img src="img/staticlogo.png" alt="Logo" width="45px" class="logopng">
South Arts Hub
<p>South Arts Hub</p>
</a>
<!--Hamburger button/toggler-->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand All @@ -25,7 +25,7 @@
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="WIP.html">Learn</a>
Expand All @@ -44,7 +44,7 @@
</div>
</nav>

<div class="container1">
<div class="wip-page">
<div class="d-flex justify-content-center">
<img src="img\wip.gif.GIF" alt="Work in Progress">
</div>
Expand All @@ -53,27 +53,8 @@ <h3>This page is a Work in Progress<br><em>Please check back at a later time</em
</div>
</div>

<footer>
<div class="container mt-5">
<div class="row row-cols-4">

<div class="col"><b>Learn</b></div>
<div class="col"><b>News</b></div>
<div class="col"><b>Blogs</b></div>
<div class="col"><b>Events</b></div>

<div class="col">Drawing</div>
<div class="col">Surrey</div>
<div class="col">Social Media for Artists</div>
<div class="col">Craft Fairs</div>

<div class="col">Painting</div>
<div class="col">Hampshire</div>
<div class="col">How to Find Your Style</div>
<div class="col">Exhibitions</div>

</div>
</div>
<footer>
<p>Made by KTK | 2024</p>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
Expand Down
38 changes: 10 additions & 28 deletions events.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!--brand-->
<a class="navbar-brand" href="index.html">
<img src="img/staticlogo.png" alt="Logo" width="45px" class="logopng">
South Arts Hub
<p>South Arts Hub</p>
</a>
<!--Hamburger button/toggler-->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand All @@ -23,7 +23,7 @@
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="WIP.html">Learn</a>
Expand All @@ -44,7 +44,7 @@

<div class="events" id="Exhibitions">
<h2 class="heading">Exhibitions</h2>
<div class="card_container">
<div class="card-container">
<div class="row">
<div class="col-md-3">
<div class="card">
Expand Down Expand Up @@ -92,7 +92,7 @@ <h5 class="card-title">Katie Smith Residency</h5>
</div>
<div class="events" id="CraftFairs">
<h2 class="heading">Craft Fairs</h2>
<div class="card_container">
<div class="card-container">
<div class="row">
<div class="col-md-3">
<div class="card">
Expand Down Expand Up @@ -139,7 +139,7 @@ <h5 class="card-title">Monthly Artisan Market</h5>
</div>
<div class="events" id="Workshops">
<h2 class="heading">Workshops</h2>
<div class="card_container">
<div class="card-container">
<div class="row">
<div class="col-md-3">
<div class="card">
Expand Down Expand Up @@ -182,11 +182,11 @@ <h5 class="card-title">Unravel... Autumn</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="events" id="ArtyPlaces">
<h2 class="heading">Arty Places</h2>
<div class="card_container">
<div class="card-container">
<div class="row">
<div class="col-md-3">
<div class="card">
Expand Down Expand Up @@ -232,28 +232,10 @@ <h5 class="card-title">Surrey Art School</h5>
</div>
</div>

<footer>
<div class="container mt-5">
<div class="row row-cols-4">

<div class="col"><b>Learn</b></div>
<div class="col"><b>News</b></div>
<div class="col"><b>Blogs</b></div>
<div class="col"><b>Events</b></div>

<div class="col">Drawing</div>
<div class="col">Surrey</div>
<div class="col">Social Media for Artists</div>
<div class="col">Craft Fairs</div>

<div class="col">Painting</div>
<div class="col">Hampshire</div>
<div class="col">How to Find Your Style</div>
<div class="col">Exhibitions</div>

</div>
</div>
<footer>
<p>Made by KTK | 2024</p>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
Binary file modified img/staticlogo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
59 changes: 23 additions & 36 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,14 @@
<link rel="stylesheet" href="styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>

<body>

<nav class="navbar navbar-expand-md bg-body-tertiary">
<div class="container">
<!--brand-->
<a class="navbar-brand" href="index.html">
<img src="img/staticlogo.png" alt="Logo" width="45px" class="logopng">
South Arts Hub
<p>South Arts Hub</p>
</a>
<!--Hamburger button/toggler-->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
Expand All @@ -25,7 +24,7 @@
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="WIP.html">Learn</a>
Expand Down Expand Up @@ -77,62 +76,50 @@ <h1>Our Mission</h1>

<section id="sec3">
<h1>Find Events Near You</h1>
<div class="card_container">
<div class="card-container">
<div class="row">
<div class="col-md-3">
<a href="events.html#Exhibitions"><div class="card">
<img src="img\Exhibitions.jpg" alt="Photo by Dannie Jing on Unsplash - Gallery Image" style="width:100%">
<div class="container">
<a class="event-card-link" href="events.html#Exhibitions">
<div class="card">
<img class="event-card-img card-img-top" src="img\Exhibitions.jpg" alt="Photo by Dannie Jing on Unsplash - Gallery Image">
<div class="card-body">
<h4><b>Exhibitions</b></h4>
<p>Click to find out more</p></a>
<p>Click to find out more</p>
</div>
</div>
</a>
</div>
<div class="col-md-3">
<a href="events.html#CraftFairs"><div class="card">
<img src="img\annie-spratt-TywjkDHf0Ps-unsplash.jpg" alt="Photo by Annie Spratt on Unsplash - Craft Fair Image" style="width:100%">
<div class="container">
<a class="event-card-link" href="events.html#CraftFairs">
<div class="card">
<img class="event-card-img card-img-top" src="img\annie-spratt-TywjkDHf0Ps-unsplash.jpg" alt="Photo by Annie Spratt on Unsplash - Craft Fair Image">
<div class="card-body">
<h4><b>Craft Fairs</b></h4>
<p>Click to find out more</p></a>
<p>Click to find out more</p>
</div>
</div>
</a>
</div>
<div class="col-md-3">
<a href="events.html#Workshops"><div class="card">
<img src="img\jasmin-schreiber-JE4iHJE-knI-unsplash.jpg" alt="Photo by Jasmin Schreiber on Unsplash" style="width:100%">
<div class="container">
<a class="event-card-link" href="events.html#Workshops">
<div class="card">
<img class="event-card-img card-img-top" src="img\jasmin-schreiber-JE4iHJE-knI-unsplash.jpg" alt="Photo by Jasmin Schreiber on Unsplash">
<div class="card-body">
<h4><b>Workshops</b></h4>
<p>Click to find out more</p></a>
<p>Click to find out more</p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>

<footer>
<div class="container mt-5">
<div class="row row-cols-4">

<div class="col"><b>Learn</b></div>
<div class="col"><b>News</b></div>
<div class="col"><b>Blogs</b></div>
<div class="col"><b>Events</b></div>

<div class="col">Drawing</div>
<div class="col">Surrey</div>
<div class="col">Social Media for Artists</div>
<div class="col">Craft Fairs</div>

<div class="col">Painting</div>
<div class="col">Hampshire</div>
<div class="col">How to Find Your Style</div>
<div class="col">Exhibitions</div>

</div>
</div>
<p>Made by KTK | 2024</p>
</footer>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
Empty file removed index.js
View file
Empty file.
Loading

0 comments on commit ce9be5f

Please sign in to comment.