Improved the content of the main page.
This commit is contained in:
44
index.html
44
index.html
@@ -13,53 +13,51 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
#about { float: right; font-size: 8pt; font-style: italic; }
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="p-5 mt-4 mb-4 bg-body-secondary rounded-3">
|
<div class="p-5 mt-4 mb-4 bg-body-secondary rounded-3">
|
||||||
<div class="container-fluid py-5">
|
<div class="container-fluid py-4">
|
||||||
<h1 class="display-5 fw-bold">Homelab Brisbane</h1>
|
<h1 class="display-5 fw-bold">Homelab Brisbane</h1>
|
||||||
<p class="col-md-12 fs-4">Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.</p>
|
<p class="col-md-12 fs-4">We’re a group of tech enthusiasts who enjoy exploring the latest trends in technology using our own hardware, in our own time. We founded Homelab Brisbane to connect with others who share this passion — to ask and answer questions, share insights, and make discoveries together.</p>
|
||||||
<a id="about" href="about.html">Learn more...</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col d-flex">
|
||||||
<div class="card">
|
<div class="card h-100">
|
||||||
<div class="card-body">
|
|
||||||
<img src="image/icon/handshake.png" class="card-img-top" alt="...">
|
|
||||||
<h5 class="card-title">Meet In Person</h5>
|
|
||||||
This is some text within a card body.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<img src="image/icon/webcam.png" class="card-img-top" alt="...">
|
<img src="image/icon/webcam.png" class="card-img-top" alt="...">
|
||||||
<h5 class="card-title">Meet Online</h5>
|
<h5 class="card-title">Meet Online</h5>
|
||||||
This is some text within a card body.
|
We meet online with our <a href="https://meet.homelabbrisbane.com.au/" target="jitsi">Jitsi</a> server every month. With these online meetings we can meet face to face, and even include people outside of Brisbane. They are announced on <a href="https://www.meetup.com/brisbane-homelabs/" target="meetup">meetup.com</a> and the Google calendar below.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col d-flex">
|
||||||
<div class="card">
|
<div class="card h-100">
|
||||||
|
<div class="card-body">
|
||||||
|
<img src="image/icon/handshake.png" class="card-img-top" alt="...">
|
||||||
|
<h5 class="card-title">Meet In Person</h5>
|
||||||
|
Once a month we also meet in person in a library meeting room in Brisbane. We try to move these around to make them convenient to a broader range of people. These gatherings are also announced on <a href="https://www.meetup.com/brisbane-homelabs/" target="meetup">meetup.com</a> and on the Google calendar below.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col d-flex">
|
||||||
|
<div class="card h-100">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<img src="image/icon/chat.png" class="card-img-top" alt="...">
|
<img src="image/icon/chat.png" class="card-img-top" alt="...">
|
||||||
<h5 class="card-title">Online Forum</h5>
|
<h5 class="card-title">Online Forum</h5>
|
||||||
This is some text within a card body.
|
When we're not meeting in person or online, we're discussing our various interests and projects on our <a href="https://discourse.homelabbrisbane.com.au/" target="discourse">Discourse</a> server.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col d-flex">
|
||||||
<div class="card">
|
<div class="card h-100">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<img src="image/icon/email.png" class="card-img-top" alt="...">
|
<img src="image/icon/email.png" class="card-img-top" alt="...">
|
||||||
<h5 class="card-title">Contact Up</h5>
|
<h5 class="card-title">Contact Us</h5>
|
||||||
This is some text within a card body.
|
If you have any other inquiries you can always email us at <a href="mailto:listmaster@homelabbrisbane.com.au">listmaster@homelabbrisbane.com.au</a>.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user