The latest articles on DEV Community by Jatin Vishwakarma (@jatin_vishwakarma). https://dev.to/jatin_vishwakarma https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2602447%2F228f28b1-fade-4a89-8a16-bb644129bd43.jpg https://dev.to/jatin_vishwakarma en Jatin Vishwakarma Fri, 27 Dec 2024 17:14:01 +0000 https://dev.to/jatin_vishwakarma/my-submission-3ko1 https://dev.to/jatin_vishwakarma/my-submission-3ko1 <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-12-04">Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice</a></em></p> <h2> What I Built </h2> <p>I have Created just a basic and simple page in that i had created a different different components that are integrated in a single page with images and all, This is my first time participation in this Challenge. Actually i was facing the issue while creating this don't know why..😅😓 But just created a simple page</p> <h2> Demo </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgp1stf544r0z01hw4ov7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgp1stf544r0z01hw4ov7.png" alt="Homepage" width="800" height="380"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxnu03q3lcamo07k3cu3k.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxnu03q3lcamo07k3cu3k.png" alt="." width="800" height="377"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjzoi9wuedp9pf3z6vr74.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjzoi9wuedp9pf3z6vr74.png" alt="Image description" width="800" height="378"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flfibgrqz8prs7smi61p2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flfibgrqz8prs7smi61p2.png" alt="Image description" width="800" height="380"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5pbgitzfsocbcr6tqsax.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5pbgitzfsocbcr6tqsax.png" alt="Image description" width="800" height="379"></a></p> <h2> Journey </h2> <p>Building this project was an exciting experience:</p> <ol> <li>I started by diving into the theme, researching the winter solstice's scientific and cultural aspects.</li> <li>I started designing the pages.</li> <li>Add a finishing touch just to keep it simple using HTML, CSS, and JavaScript.</li> </ol> <h2> Submission </h2> <ul> <li>This Submission was Created by : <a class="mentioned-user" href="https://dev.to/jatin_vishwakarma">@jatin_vishwakarma</a> While creating this project, I learned a lot about designing and creating a engaging web pages while exploring the fascinating theme of the winter solstice.</li> </ul> <p><strong>Github Link</strong>: <a href="https://github.com/coddingjatin/Dev-Frontend" rel="noopener noreferrer">https://github.com/coddingjatin/Dev-Frontend</a></p> devchallenge frontendchallenge css javascript