April 28, 2024, 11:47 a.m. | HarishPrabhu-02

DEV Community dev.to

This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page


I've built a Landing Page for Earth Day Celebration using HTML, CSS & Javascript in Brackets editor


HTML:



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Celebrate Earth Day - Protect Our Planet!</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<section class="hero">
<img src="earth-day-image.jpeg" alt="Earth Day Image" style="width: 100%;">
<div class="hero-content">
<h1 style="color: #006400; font-size: 2.5em; text-shadow: 1px 1px 1px #32994e; …

challenge css earth earthday editor frontend frontendchallenge glam head html importance javascript landing landing page meta page protect scale utf-8

Data Engineer

@ Lemon.io | Remote: Europe, LATAM, Canada, UK, Asia, Oceania

Artificial Intelligence – Bioinformatic Expert

@ University of Texas Medical Branch | Galveston, TX

Lead Developer (AI)

@ Cere Network | San Francisco, US

Research Engineer

@ Allora Labs | Remote

Ecosystem Manager

@ Allora Labs | Remote

Founding AI Engineer, Agents

@ Occam AI | New York