Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-07-28 05:55:59 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(contact): minor css done

Browse Source
This commit is contained in:
darkicewolf50
2025-07-26 14:20:42 -06:00
parent 49a3ce7eb5
commit 58e2bb4f9d
3 changed files with 48 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/Contact/Contact.css
View File

@ -9,6 +9,10 @@
margin: 0px;
}
#Contact ul li {
margin: 1svh 0svw;
}
#Contact h1,
#Contact h4,
#Contact p {
@ -21,13 +25,14 @@
flex-flow: row wrap;
align-items: flex-start;
row-gap: 2svh;
column-gap: 8svw;
column-gap: 4svw;
align-items: center;
justify-content: center;
background: var(--BajaBlack);
color: white;
padding: 2svh 0svw;
background: white;
/* background: var(--BajaBlack); */
/* color: white; */
padding: 8svh 0svw;
}
#Contact div:nth-child(2) div:first-child {
@ -37,6 +42,7 @@
#Contact div:nth-child(2) div:last-child {
flex-direction: column;
margin: 0px;
/* margin-left: auto;
margin-right: 16svw; */
@ -44,9 +50,22 @@
}
#Contact div:nth-child(2) div:last-child h1 {
margin: 0px;
margin: 2svh 0svw;
font-size: 40px;
width: inherit;
border-bottom: 3px solid var(--BajaBlack);
}
#Contact div:nth-child(2) h4 {
font-weight: normal;
}
#Contact div:nth-child(2) a h4 {
font-weight: bold;
}
#Contact div:nth-child(2) a:hover {
color: var(--BajaRed);
}
#Contact div:nth-child(2) img {

26
src/Contact/Contact.jsx
View File

@ -34,7 +34,7 @@ export default function Contact() {
alt="Team member welding"
/>
</div> */}
<iframe
{/* <iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d607.187504916335!2d-114.13152976941713!3d51.080958175926455!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sca!4v1753133943192!5m2!1sen!2sca"
title="UCalgary Baja Shop"
// width="600"
@ -42,17 +42,31 @@ export default function Contact() {
// style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
referrerpolicy="no-referrer-when-downgrade"></iframe> */}
<div>
<img
src="https://static.wixstatic.com/media/5824fc_7b1be3e69c074f669945ecdbd23ce4ce~mv2.jpg/v1/fill/w_482,h_1068,fp_0.38_0.50,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/_MG_1822_edited.jpg"
alt="Team members bending a tube"
/>
<img
src="https://static.wixstatic.com/media/5824fc_b83d649723274d5aa1455380f96e35c3~mv2.jpg/v1/fill/w_482,h_1068,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/20240203_155632.jpg"
alt="Team member filing"
/>
<img
src="https://static.wixstatic.com/media/5824fc_065658fda1d94a7b8b620a7ce43a503d~mv2.jpg/v1/fill/w_482,h_1068,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/_MG_1830_edited.jpg"
alt="Team member welding"
/>
</div>
<div>
<h1>Hours of Operation</h1>
<a href="mailto:uofcbaja@gmail.com">
<h4>Send us an email.</h4>
<h4>uofcbaja@gmail.com</h4>
</a>
<ul>
<li>Wednesday: 6pm - 8pm</li>
<li>Saturday: 10am - 4pm</li>
</ul>
<h4>Send us an email.</h4>
<a href="mailto:uofcbaja@gmail.com">
<h4>uofcbaja@gmail.com</h4>
</a>
</div>
</div>
</div>

8
src/Teams/Team.jsx
View File

@ -126,10 +126,6 @@ export default function Team() {
</div>
</div>
<div>
<img
src="https://picsum.photos/200"
alt="chas related"
/>
<div>
<h3>Software</h3>
<p>
@ -138,6 +134,10 @@ export default function Team() {
storage system.
</p>
</div>
<img
src="https://picsum.photos/200"
alt="chas related"
/>
</div>
<div>