From 068ddb7e1ebeaae1c7345cadf710128b0103480a Mon Sep 17 00:00:00 2001 From: oabrivard Date: Wed, 7 Feb 2024 11:11:18 +0100 Subject: [PATCH] Aligned address block and made it responsive --- css/style.css | 42 +++++++++++++++++++++++++----------------- images/cell.png | Bin 0 -> 880 bytes images/email.png | Bin 0 -> 997 bytes index.html | 14 +++++++++++++- 4 files changed, 38 insertions(+), 18 deletions(-) create mode 100644 images/cell.png create mode 100644 images/email.png diff --git a/css/style.css b/css/style.css index 8771aab..1e040ce 100644 --- a/css/style.css +++ b/css/style.css @@ -6,16 +6,17 @@ @font-face { font-family: sourcecodevf; - src: url(css/SourceCodeVF-Upright.otf); + src: url(SourceCodeVF-Upright.otf); } /* General Body Styling */ body { - font-family: 'Arial', sans-serif; + font-family: sourcecodevf, 'Arial', sans-serif; margin: 0 auto; max-width: 1581px; padding: 0; background-color: var(--secondary-bg-color); + color: var(--main-text-color); } /* Container */ @@ -28,7 +29,6 @@ body { /* Header */ .header { background: var(--main-bg-color); - color: var(--main-text-color); padding-top: 30px; min-height: 70px; border-bottom: var(--secondary-bg-color) 3px solid; @@ -94,9 +94,7 @@ body { position: absolute; top: 34%; left: 36%; - font-family: sourcecodevf; font-size: 54px; /* Responsive font size */ - color: white; text-align: center; } @@ -106,16 +104,14 @@ body { .banner-content-bottom { position: absolute; - bottom: 10px; - right: 10px; - font-size: 1.3vw; /* Responsive font size */ - color: white; + bottom: 7%; + right: 11%; + font-size: 20px; /* Responsive font size */ } .banner-content-bottom a { color: var(--main-text-color); text-decoration: none; - font-family: sourcecodevf; } .banner-content-bottom a:hover { @@ -132,10 +128,10 @@ body { /* Footer */ .footer { background: var(--main-bg-color); - color: var(--main-text-color); text-align: center; padding: 30px 0; overflow: hidden; /* Clear the float */ + margin-top: -1px; } .footer-left { @@ -167,18 +163,21 @@ body { /* Media Queries */ @media (max-width: 1581px) { .banner-content-middle { - position: absolute; top: 35%; left: 35%; - font-family: sourcecodevf; font-size: 4.0vw; /* Responsive font size */ - color: white; - text-align: center; } .banner-content-middle .company-name { font-size: 5.0vw; /* Responsive font size */ } + + .banner-content-bottom { + position: absolute; + bottom: 8%; + right: 4%; + font-size: 1.4vw; /* Responsive font size */ + } } @media (max-width: 768px) { @@ -212,9 +211,7 @@ body { position: relative; padding-top: 10px; left: 0%; - font-family: sourcecodevf; font-size: 4.0vw; /* Responsive font size */ - color: white; text-align: center; } @@ -222,6 +219,17 @@ body { font-size: 5.0vw; /* Responsive font size */ } + .banner-content-bottom { + position: relative; + left: 0%; + padding-top: 10px; + font-size: 2.5vw; /* Responsive font size */ + text-align: center; + } + + .banner-content-bottom .company-name { + display: none; + } .footer-left, .footer-right { float: none; diff --git a/images/cell.png b/images/cell.png new file mode 100644 index 0000000000000000000000000000000000000000..f5e30c5ab15e87eb6c934bd2b2358cb6f6fd601a GIT binary patch literal 880 zcmV-$1CRWPP)EX>4Tx04R}tkv&MmKpe$iQ>7{u5j%)DWT;MdQ4z;lg(6f4wL+^7CYOFelZGV4 z#ZhoAIQX$xb#QUk)xlK|1V2EW9h?+hq{ROvg%&X$9QWhhy~o`$x#+UMGb3guJx?4V7KRR$x+ z0;@J#c@8yfY2_`tUJ#4vEwvPfZ#K5rMLan1~B_cdcCbh zkAQ(~;NrTiDSN=>4lw*=$foQ{L7GCL0KA{kH|2n#TcB^v>#enq(+40!U8Qb-gF|4v zNZIQ?@9ydB?cX!4{(b=U5ps0-_#=@3000JJOGiWi{{a60|De66lK=n!32;bRa{vGk z!vFvfoB`VvfEEA%00(qQO+^Rj0tX2U7-8JBLjV8(8FWQhbVF}#ZDnqB07G(RVRU6= zAa`kWXdp*PO;A^X4i^9b0ZBs*Y9wQTYqqk`J4)7Bci|Vyfq@G(3MNUrHA;9 zWwhl`aFeKc6%i8=QO!ZnlBlUg#C8MnrY-tbvgZ;DXwTJyPbGpwyv{kMy*Q~Os9`Qg z;QkW4z}J$BBfQV4VzdZbJ@(L@a|eAcW#X>r$D2}Z2c|L8bWX662;Dx$P{m8E7Hj1S z>li`xu>^hCN|0P&shGI)(%nxiV(_sfJ=iQPQnKt+8Z~@q#;Pj5;8%i3gWWaxl;+PR zlAgjD-ad80`iiO9ZJ=fcA9IXy2Zk_?@A!dXbfP8xE8GLP2SQN_I9wS30000EX>4Tx04R}tkv&MmKpe$iQ>7{u5j%)DWT;MdQ4z;lg(6f4wL+^7CYOFelZGV4 z#ZhoAIQX$xb#QUk)xlK|1V2EW9h?+hq{ROvg%&X$9QWhhy~o`$x#+UMGb3guJx?4V7KRR$x+ z0;@J#c@8yfY2_`tUJ#4vEwvPfZ#K5rMLan1~B_cdcCbh zkAQ(~;NrTiDSN=>4lw*=$foQ{L7GCL0KA{kH|2n#TcB^v>#enq(+40!U8Qb-gF|4v zNZIQ?@9ydB?cX!4{(b=U5ps0-_#=@3000JJOGiWi{{a60|De66lK=n!32;bRa{vGk z!vFvfoB`VvfEEA%00(qQO+^Rj0tX2UIW4uM9RL6T8FWQhbVF}#ZDnqB07G(RVRU6= zAa`kWXdp*PO;A^X4i^9b0lrB@K~zY`?Ug%gR8bU0*LMvBQVD{jPz!@rVnBkRBBnB+ zg^eJH_^1RG6%6?UqKyisNE4J)qM(h9QwbIp5>d1f60p%ii5P@5ikfAS6BveZW->`7 z?(Uqs+3W6aKMwqBmimJ_1e^xetwHP=U_6NcJ#~z;WP_dReVHglq%e7TNa# zUs{0xO!5R60!D#{YHu6JLEuHH$FU^88h!ryw@GGzL0~=btjN*~G73BZP9(XVb!bO%?dZe zu=+`zRHy1!P#UtB1$u$2MY3+J54Z>P12>Y4HG3v50b^_QOw0m@lPvJxR%3qvNBh`` T0BOBk00000NkvXXu0mjf*}}81 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 67d44c6..7d4a94a 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ CelticInfo +
@@ -35,7 +36,18 @@
IT Consulting