The latest articles on Forem by Shifil (@shifil). https://forem.com/shifil 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%2F2190966%2F7f9bf8cb-3916-4e2f-a1ce-5b8aa4ccdc4e.png https://forem.com/shifil en Shifil Sun, 27 Apr 2025 03:16:14 +0000 https://forem.com/shifil/completed-two-new-projects-with-bootstrap-papergrid-clone-restaurant-landing-page-1i53 https://forem.com/shifil/completed-two-new-projects-with-bootstrap-papergrid-clone-restaurant-landing-page-1i53 <p>Hi Devs</p> <p>I completed another two websites - built using Bootstrap! 🚀</p> <p>With this project, I focused on creating a responsive, clean, and user-friendly design, further strengthening my front-end development skills.</p> <p>💻 Feel free to check them out:</p> <ol> <li> <strong>Papergrid Clone</strong>: <a href="https://morfomec.github.io/Papergrid-Clone/" rel="noopener noreferrer">https://morfomec.github.io/Papergrid-Clone/</a> </li> </ol> <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%2Fcve8e9vdweuvq58qavip.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%2Fcve8e9vdweuvq58qavip.png" alt="Papergrid Clone" width="800" height="380"></a></p> <ol> <li> <strong>Restaurant Landing Page</strong>: <a href="https://morfomec.github.io/Restaurant-Page/" rel="noopener noreferrer">https://morfomec.github.io/Restaurant-Page/</a> </li> </ol> <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%2F5hxk013ibyyqzkulnb6p.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%2F5hxk013ibyyqzkulnb6p.png" alt="Restaurant Landing Page" width="800" height="384"></a></p> <p>Learning Bootstrap has been a game-changer, helping me speed up the development process while maintaining quality and consistency across devices.</p> <p>I'm continuously learning, building, and pushing myself toward bigger goals!</p> webdev frontend bootstrap beginners Shifil Sun, 20 Apr 2025 12:44:30 +0000 https://forem.com/shifil/just-built-my-first-two-web-projects-using-html-css-42k2 https://forem.com/shifil/just-built-my-first-two-web-projects-using-html-css-42k2 <p>Hi devs! 👋</p> <p>Quick update on my learning journey — I recently started diving into web development, and I’ve completed two beginner-friendly clone projects:</p> <p>🛍️ Amazon Clone<br> 🔗 <a href="https://morfomec.github.io/amazon-clone/" rel="noopener noreferrer">https://morfomec.github.io/amazon-clone/</a></p> <p>👟 Nike Jordan Landing Page<br> 🔗 <a href="https://morfomec.github.io/nike-jordan-clone/" rel="noopener noreferrer">https://morfomec.github.io/nike-jordan-clone/</a></p> <p>These projects helped me understand:</p> <p>Basic layout and page structure using HTML</p> <p>Styling with CSS and Flexbox</p> <p>Debugging spacing and alignment issues</p> <p>They may look simple, but they were a huge win for me as a beginner.</p> <p>Up next: responsive design and JavaScript! 🚀</p> <p>Would love to hear any feedback or tips! 🙌</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%2F1ghfhg3w7mzar5gobdk6.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%2F1ghfhg3w7mzar5gobdk6.png" alt="Image description" width="800" height="388"></a><br> <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%2Ffr4rd68jm3qbdrxuifkw.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%2Ffr4rd68jm3qbdrxuifkw.png" alt="Image description" width="800" height="384"></a></p> webdev programming html css Shifil Sun, 06 Apr 2025 03:44:34 +0000 https://forem.com/shifil/hello-devs-transitioning-from-mechanical-to-tech-need-some-htmlcss-tips-2apd https://forem.com/shifil/hello-devs-transitioning-from-mechanical-to-tech-need-some-htmlcss-tips-2apd <p>Hi everyone!👋</p> <p>I am new in here and also into tech. I am transitioning from a mechanical engineering background into the world of software development.</p> <p>As a first project I am going to clone a simple static website using HTML &amp; CSS.</p> <p>If anyone has suggestions, tips that could help a beginner like me, I would love to hear them.</p> <p>Thanks in advance!!!</p> webdev beginners html css