diff --git a/assets/celticinfo_banner.png b/assets/celticinfo_banner.png new file mode 100644 index 0000000..35a7da2 Binary files /dev/null and b/assets/celticinfo_banner.png differ diff --git a/assets/celticinfo_banner.xcf b/assets/celticinfo_banner.xcf new file mode 100644 index 0000000..f2561cf Binary files /dev/null and b/assets/celticinfo_banner.xcf differ diff --git a/assets/celticinfo_banner_full.xcf b/assets/celticinfo_banner_full.xcf new file mode 100644 index 0000000..edced22 Binary files /dev/null and b/assets/celticinfo_banner_full.xcf differ diff --git a/assets/celticinfo_banner_large.png b/assets/celticinfo_banner_large.png new file mode 100644 index 0000000..5afe42f Binary files /dev/null and b/assets/celticinfo_banner_large.png differ diff --git a/assets/celticinfo_banner_large.xcf b/assets/celticinfo_banner_large.xcf new file mode 100644 index 0000000..f5e8b58 Binary files /dev/null and b/assets/celticinfo_banner_large.xcf differ diff --git a/assets/celticinfo_banner_small.png b/assets/celticinfo_banner_small.png new file mode 100644 index 0000000..6123232 Binary files /dev/null and b/assets/celticinfo_banner_small.png differ diff --git a/assets/celticinfo_banner_small.xcf b/assets/celticinfo_banner_small.xcf new file mode 100644 index 0000000..dc64969 Binary files /dev/null and b/assets/celticinfo_banner_small.xcf differ diff --git a/assets/celticinfo_logo.png b/assets/celticinfo_logo.png new file mode 100644 index 0000000..105b55d Binary files /dev/null and b/assets/celticinfo_logo.png differ diff --git a/assets/celticinfo_logo.xcf b/assets/celticinfo_logo.xcf new file mode 100644 index 0000000..e2badf4 Binary files /dev/null and b/assets/celticinfo_logo.xcf differ diff --git a/assets/celticinfo_logo_small.png b/assets/celticinfo_logo_small.png new file mode 100644 index 0000000..731ecab Binary files /dev/null and b/assets/celticinfo_logo_small.png differ diff --git a/assets/celticinfo_logo_small.xcf b/assets/celticinfo_logo_small.xcf new file mode 100644 index 0000000..cd0c8f8 Binary files /dev/null and b/assets/celticinfo_logo_small.xcf differ diff --git a/assets/celticinfo_logo_transparent.png b/assets/celticinfo_logo_transparent.png new file mode 100644 index 0000000..8df76b3 Binary files /dev/null and b/assets/celticinfo_logo_transparent.png differ diff --git a/assets/celticinfo_logo_transparent_small.png b/assets/celticinfo_logo_transparent_small.png new file mode 100644 index 0000000..64baf2d Binary files /dev/null and b/assets/celticinfo_logo_transparent_small.png differ diff --git a/assets/email_icon.png b/assets/email_icon.png new file mode 100644 index 0000000..a5f60f7 Binary files /dev/null and b/assets/email_icon.png differ diff --git a/assets/phone_icon.png b/assets/phone_icon.png new file mode 100644 index 0000000..381dd3a Binary files /dev/null and b/assets/phone_icon.png differ diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..4b1e127 --- /dev/null +++ b/css/style.css @@ -0,0 +1,163 @@ +/* General Body Styling */ +body { + font-family: 'Arial', sans-serif; + margin: 0 auto; + max-width: 1581px; + padding: 0; + background-color: #f4f4f4; /* Light grey background */ +} + +/* Container */ +.container { + width: 100%; + margin: auto; + overflow: hidden; +} + +/* Header */ +.header { + background: #121E2A; + color: #fff; + padding-top: 30px; + min-height: 70px; + border-bottom: #f4f4f4 3px solid; +} + +.header a { + color: #fff; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} + +/* logo */ + +.logo { + float: left; + display: block; + text-align: center; + margin-top: -30px; +} + +/* Navigation Menu */ +.menu { + float: right; + margin-top: 10px; + margin-right: 10px; +} + +.menu ul { + list-style: none; + margin: 0; + padding: 0; +} + +.menu ul li { + display: inline; + margin-left: 35px; +} + +/* Banner */ +.banner { + position: relative; + background: #121E2A no-repeat center center; + background-size: contain; +} + +.banner img { + max-width: 100%; /* Make the image responsive */ + height: auto; /* Maintain aspect ratio */ + display: block; /* Remove default inline behavior */ + margin: auto; /* Center the image in its container */ +} + + +/* Main Content */ +.main { + padding: 20px; + background: #fff; +} + +.main h1 { + color: #333; +} + +/* Footer */ +.footer { + background: #121E2A; + color: #fff; + text-align: center; + padding: 30px 0; + overflow: hidden; /* Clear the float */ +} + +.footer-left { + float: left; + padding-left: 10px; + padding-right: 10px; +} + +.footer-right { + float: right; + padding-left: 10px; + padding-right: 10px; +} + +.footer ul { + list-style: none; + padding-inline-start: 0px; +} + +.footer ul li { + display: inline; + margin-left: 15px; +} + +.footer ul li a { + color: #fff; +} + +/* Media Queries */ +@media (max-width: 768px) { + .menu { + margin-right: 0px; + } + + .menu ul { + padding: 0; + background-color: #333; + text-align: center; + } + + .menu ul li { + display: block; /* Stack the menu items vertically */ + margin: 0; /* Remove margin */ + } + + .menu ul li a { + display: block; /* Block level links take up the full width of their container */ + padding: 10px; /* Add padding for touch targets */ + } + + .container { + width: 100%; + } + + .header, .footer { + text-align: center; + } + + .footer-left, .footer-right { + float: none; + width: 100%; + margin: auto; + padding-left: 0px; + padding-right: 0px; + } +} + +@media (max-width: 480px) { + .menu ul li { + padding: 5px; /* Adjust padding for smaller screens */ + } +} diff --git a/images/celticinfo_banner.png b/images/celticinfo_banner.png new file mode 100644 index 0000000..35a7da2 Binary files /dev/null and b/images/celticinfo_banner.png differ diff --git a/images/celticinfo_banner_large.png b/images/celticinfo_banner_large.png new file mode 100644 index 0000000..5afe42f Binary files /dev/null and b/images/celticinfo_banner_large.png differ diff --git a/images/celticinfo_banner_small.png b/images/celticinfo_banner_small.png new file mode 100644 index 0000000..6123232 Binary files /dev/null and b/images/celticinfo_banner_small.png differ diff --git a/images/celticinfo_logo.png b/images/celticinfo_logo.png new file mode 100644 index 0000000..0ca3c59 Binary files /dev/null and b/images/celticinfo_logo.png differ diff --git a/images/celticinfo_logo_small.png b/images/celticinfo_logo_small.png new file mode 100644 index 0000000..731ecab Binary files /dev/null and b/images/celticinfo_logo_small.png differ diff --git a/images/celticinfo_logo_transparent.png b/images/celticinfo_logo_transparent.png new file mode 100644 index 0000000..8df76b3 Binary files /dev/null and b/images/celticinfo_logo_transparent.png differ diff --git a/images/celticinfo_logo_transparent_small.png b/images/celticinfo_logo_transparent_small.png new file mode 100644 index 0000000..64baf2d Binary files /dev/null and b/images/celticinfo_logo_transparent_small.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e3f75e7 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + +
+ + + + + +
+