diff --git a/app.js b/app.js index e69de29..6918137 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,28 @@ +const express = require('express'); +const path = require('path'); + +const app = express(); +const port = 3000; + +app.use(express.static(path.join(__dirname, 'public'))); + +app.get('/', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'index.html')); +}); + +app.get('/about', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'about.html')); +}); + +app.get('/works', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'works.html')); +}); + +app.get('/gallery', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'gallery.html')); + }); + + +app.listen(port, () => { + console.log(`Server is running on http://localhost:${port}`); +}); diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..34c5c1f --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,128 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f0f0f0; + } + + h1 { + color: #333; + } + + nav { + background-color: #333; + padding: 10px; + } + + nav ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + } + + nav ul li { + margin-right: 20px; + } + + nav a { + text-decoration: none; + color: #fff; + font-weight: bold; + font-size: 18px; + } + + + .gallery { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-gap: 20px; + margin-top: 20px; + } + + .gallery img { + width: 100%; + height: auto; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + } + + /* Home Page Styles */ +body.home1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #000000; + } + + /* About Page Styles */ + body.about1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #333; + } + + /* Works Page Styles */ + body.works1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #333; + } + + /* Gallery Page Styles */ + body.gallery1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #333; + } + + body.works { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) center/cover no-repeat; + color: #333; + } + + .container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + } + + h1, h2 { + color: #333; + } + + ul { + list-style: none; + padding: 0; + } + + ul li { + margin-bottom: 15px; + } + + ul li strong { + font-weight: bold; + } + + nav { + background-color: #333; + padding: 10px; + } + + nav ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + } + + nav ul li { + margin-right: 20px; + } + + nav a { + text-decoration: none; + color: #fff; + font-weight: bold; + font-size: 18px; + } + + diff --git a/views/about.html b/views/about.html new file mode 100644 index 0000000..147ed8b --- /dev/null +++ b/views/about.html @@ -0,0 +1,27 @@ + + + + + + + About Linkin Park + + +
+ +

About Linkin Park

+

Linkin Park is an influential rock band that has made a significant impact...

+

Welcome to the dynamic world of Linkin Park, a genre-defying rock band that has shaped the musical landscape since its formation. Established in 1996, Linkin Park gained widespread recognition with their groundbreaking debut album "Hybrid Theory," featuring a unique fusion of rock, rap, and electronic elements.

+ +

Linkin Park's discography spans across diverse sounds, from the raw energy of "Meteora" to the experimental tones of "A Thousand Suns." With iconic singles like "In the End," "Numb," and "Crawling," the band has created a sonic journey that resonates with millions of fans globally.

+ +

Beyond their musical prowess, Linkin Park has been actively involved in charitable endeavors and has addressed important social issues. Join us as we delve into the multifaceted journey of Linkin Park, celebrating their innovation, influence, and commitment to making a positive impact.

+ + diff --git a/views/gallery.html b/views/gallery.html new file mode 100644 index 0000000..147ed8b --- /dev/null +++ b/views/gallery.html @@ -0,0 +1,27 @@ + + + + + + + About Linkin Park + + +
+ +

About Linkin Park

+

Linkin Park is an influential rock band that has made a significant impact...

+

Welcome to the dynamic world of Linkin Park, a genre-defying rock band that has shaped the musical landscape since its formation. Established in 1996, Linkin Park gained widespread recognition with their groundbreaking debut album "Hybrid Theory," featuring a unique fusion of rock, rap, and electronic elements.

+ +

Linkin Park's discography spans across diverse sounds, from the raw energy of "Meteora" to the experimental tones of "A Thousand Suns." With iconic singles like "In the End," "Numb," and "Crawling," the band has created a sonic journey that resonates with millions of fans globally.

+ +

Beyond their musical prowess, Linkin Park has been actively involved in charitable endeavors and has addressed important social issues. Join us as we delve into the multifaceted journey of Linkin Park, celebrating their innovation, influence, and commitment to making a positive impact.

+ + diff --git a/views/index.html b/views/index.html new file mode 100644 index 0000000..88e4f63 --- /dev/null +++ b/views/index.html @@ -0,0 +1,27 @@ + + + + + + + Linkin Park + + +
+ + +

Welcome to the Linkin Park Website

+

Explore the powerful sound of Linkin Park, a groundbreaking rock band that has left an indelible mark on the music industry. From their debut album "Hybrid Theory" to the experimental "Minutes to Midnight" and beyond, Linkin Park has consistently pushed boundaries and connected with fans worldwide.

+ +

Discover their iconic singles, such as "In the End," "Numb," and "What I've Done," each carrying the band's signature blend of rock, rap, and electronic elements. Linkin Park's music is a journey through emotion and intensity, resonating with listeners across generations.

+ +

Beyond their musical achievements, Linkin Park has engaged in philanthropy and social issues, making a positive impact beyond the stage. Join us as we celebrate the creativity, innovation, and influence of Linkin Park.

+ + diff --git a/views/works.html b/views/works.html new file mode 100644 index 0000000..87e90af --- /dev/null +++ b/views/works.html @@ -0,0 +1,40 @@ + + + + + + + Works of Linkin Park + + +
+ + +

Works of Linkin Park

+
+

Albums

+ + +

Singles

+ + +

Achievements

+

Linkin Park has achieved global success with numerous awards, including Grammy Awards. They are recognized for their blend of rock and electronic elements, and their impact on the alternative music scene.

+
+ +