<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Amina</title>
    <description>The latest articles on DEV Community by Amina (@minalfatih).</description>
    <link>https://dev.to/minalfatih</link>
    <image>
      <url>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%2F1546462%2Ff259bae6-a6bd-4986-84ba-a1dceae2bf96.jpeg</url>
      <title>DEV Community: Amina</title>
      <link>https://dev.to/minalfatih</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/minalfatih"/>
    <language>en</language>
    <item>
      <title>Sign Up</title>
      <dc:creator>Amina</dc:creator>
      <pubDate>Tue, 09 Jul 2024 12:55:16 +0000</pubDate>
      <link>https://dev.to/minalfatih/sign-up-511a</link>
      <guid>https://dev.to/minalfatih/sign-up-511a</guid>
      <description>&lt;p&gt;I create a sign up page using html, css and js.🚀&lt;br&gt;
To be sure that user write a valid input i use the regex in js.&lt;/p&gt;

&lt;p&gt;Repo link: &lt;a href="https://github.com/minalfatih/Sign-Up" rel="noopener noreferrer"&gt;https://github.com/minalfatih/Sign-Up&lt;/a&gt;&lt;br&gt;
Live link: &lt;a href="https://minalfatih.github.io/Sign-Up/" rel="noopener noreferrer"&gt;https://minalfatih.github.io/Sign-Up/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fblnmnr09ipht2n6g83qx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fblnmnr09ipht2n6g83qx.png" alt="Desktop design" width="800" height="472"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv4j8b8tppud3qzai5j9m.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv4j8b8tppud3qzai5j9m.jpg" alt="mobile design" width="800" height="1622"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Glam Up My Markup: Beaches Challenge</title>
      <dc:creator>Amina</dc:creator>
      <pubDate>Sat, 01 Jun 2024 17:41:51 +0000</pubDate>
      <link>https://dev.to/minalfatih/glam-up-my-markup-beaches-challenge-5dld</link>
      <guid>https://dev.to/minalfatih/glam-up-my-markup-beaches-challenge-5dld</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for [Frontend Challenge v24.04.17]((&lt;a href="https://dev.to/challenges/frontend-2024-05-29"&gt;https://dev.to/challenges/frontend-2024-05-29&lt;/a&gt;), Glam Up My Markup: Beaches&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;See the whole website here 👇🏼&lt;br&gt;
&lt;a href="https://minalfatih.github.io/Top-Beaches/"&gt;https://minalfatih.github.io/Top-Beaches/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's responsive for mobile and desktop&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp108ytf9fyowstckx4kh.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp108ytf9fyowstckx4kh.jpg" alt="Image description" width="800" height="2871"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ztfl556p7ogj1fntnr0.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2ztfl556p7ogj1fntnr0.jpg" alt="Image description" width="800" height="1494"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwjfh52zp8iixgw69c4lw.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwjfh52zp8iixgw69c4lw.jpg" alt="Image description" width="800" height="1590"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Journey
&lt;/h2&gt;

&lt;p&gt;Edit the html templete by js to add links in header and add icon rating for beaches, I hide the information of the beach so if you hover the picture it will show you the information and put the pictures of beaches in js all this to make the website more interactive and useful, finally i use the animation in css.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>frontendchallenge</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>CSS Art: June challenge</title>
      <dc:creator>Amina</dc:creator>
      <pubDate>Sat, 01 Jun 2024 16:34:09 +0000</pubDate>
      <link>https://dev.to/minalfatih/css-art-june-challenge-1fbc</link>
      <guid>https://dev.to/minalfatih/css-art-june-challenge-1fbc</guid>
      <description>&lt;p&gt;&lt;a href="https://dev.tourl"&gt;&lt;/a&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/challenges/frontend-2024-05-29"&gt;Frontend Challenge v24.04.17&lt;/a&gt;, CSS Art: June.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Inspiration
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://codepen.io/minalfatih/pen/pomepWq"&gt;https://codepen.io/minalfatih/pen/pomepWq&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Journey
&lt;/h2&gt;

&lt;p&gt;I use the animation in css to move the moon to be sun and to move the see and by semantic html and pure css&lt;/p&gt;

</description>
      <category>frontendchallenge</category>
      <category>devchallenge</category>
      <category>css</category>
    </item>
  </channel>
</rss>
