From 1b0de3acb624036d0d58ff7162621e9be491e658 Mon Sep 17 00:00:00 2001 From: Bismark Agyapong <135444998+bismarkagyapong@users.noreply.github.com> Date: Thu, 21 Nov 2024 23:07:22 +0000 Subject: [PATCH] Add files via upload --- index.html | 53 ++++++++++++++++++++++++++++++ script.js | 2 ++ style.css | 94 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 149 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..02bf3f2 --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + + Markmix Radio + + + +
+

Markmix Radio

+

Celebrating the magic of music and creativity

+
+ +
+
+
Click on the play button to listen:
+ +
+ +
+ Markmix Radio Logo +
+ +
+

You can click here to listen live.

+
+ +
+

+ At Markmix Radio, we celebrate the magic of music and creativity! Tune in to discover a diverse mix of sounds from talented artists around the world. + We believe everyone deserves a chance to shine, which is why we invite you to submit your songs and be part of our vibrant community. +

+

+ Join us for non-stop music, exciting features, and the chance to hear fresh tracks from emerging artists. Whether you’re an aspiring musician or a music lover, + Markmix Radio is your go-to station for the best in new music. +

+

+ Follow us on Instagram @markmix.studios and YouTube at Markmix Studios. For enquiries email, markmixstudios@gmail.com. +

+
+
+ + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..aae686d --- /dev/null +++ b/script.js @@ -0,0 +1,2 @@ +// Placeholder for future functionality +console.log("Markmix Radio is live!"); diff --git a/style.css b/style.css new file mode 100644 index 0000000..2deb1a5 --- /dev/null +++ b/style.css @@ -0,0 +1,94 @@ +/* General Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +/* Body Styling */ +body { + background-color: #f5f5f5; + color: #333; + line-height: 1.6; +} + +/* Header */ +header { + text-align: center; + padding: 20px; + background-color: #4caf50; + color: white; +} + +header h1 { + font-size: 2rem; + margin-bottom: 10px; +} + +header p { + font-size: 1.2rem; +} + +/* Main Content */ +main { + padding: 20px; + text-align: center; +} + +figure { + margin: 20px auto; + text-align: center; +} + +figcaption { + font-size: 1rem; + margin-bottom: 10px; +} + +/* Image Styling */ +.image-container img { + margin: 20px auto; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +/* Links */ +.live-link p { + font-size: 1rem; + margin: 20px 0; +} + +.live-link a { + color: #4caf50; + text-decoration: none; + font-weight: bold; +} + +.live-link a:hover { + text-decoration: underline; +} + +/* About Section */ +.about { + text-align: left; + margin: 20px auto; + padding: 10px; + max-width: 800px; + background: #ffffff; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + border-radius: 10px; +} + +.about p { + margin: 10px 0; +} + +/* Footer */ +footer { + text-align: center; + padding: 10px; + background-color: #4caf50; + color: white; + margin-top: 20px; +}