diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html b/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html new file mode 100644 index 00000000..308f68d3 --- /dev/null +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/index.html @@ -0,0 +1,12 @@ + + + + + + + Vintage Paper Texture Background + + +

Welcome to the Vintage Era 🕰️

+ + \ No newline at end of file diff --git a/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css new file mode 100644 index 00000000..cb5c2335 --- /dev/null +++ b/Components/Backgrounds/Vintage-Paper-Texture-Background/style.css @@ -0,0 +1,13 @@ +body { + margin: 0; + height: 100vh; + background: linear-gradient(to bottom, #e8d8c4, #cbb59e); + background-size: cover; + font-family: 'Times New Roman', serif; + display: flex; + align-items: center; + justify-content: center; + color: #5a4638; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); + font-size: 24px; +} \ No newline at end of file diff --git a/assets/json_files/backgrounds.json b/assets/json_files/backgrounds.json index db5e0981..dbe35846 100644 --- a/assets/json_files/backgrounds.json +++ b/assets/json_files/backgrounds.json @@ -234,6 +234,11 @@ "previewLink": "../../Components/Backgrounds/Swirl-Animation-Background/index.html", "sourceLink": "https://github.com/Rakesh9100/Beautiify/tree/main/Components/Backgrounds/Swirl-Animation-Background" }, + { + "title": "Vintage Paper Texture Background", + "previewLink": "../../Components/Backgrounds/Vintage-Paper-Texture-Background/index.html", + "sourceLink": "https://github.com/Rakesh9100/Beautiify/tree/main/Components/Backgrounds/Vintage-Paper-Texture-Background" + }, { "title": "Vintage Sepia Film Background", "previewLink": "../../Components/Backgrounds/Vintage-Sepia-Film-Background/index.html",