<?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: avwerosuotrust</title>
    <description>The latest articles on DEV Community by avwerosuotrust (@avwerosuotrust).</description>
    <link>https://dev.to/avwerosuotrust</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%2F926766%2Fd53b8325-d53e-46f0-80fb-ac94d453a6cb.png</url>
      <title>DEV Community: avwerosuotrust</title>
      <link>https://dev.to/avwerosuotrust</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/avwerosuotrust"/>
    <language>en</language>
    <item>
      <title>Freecodecamp Portfolio Project</title>
      <dc:creator>avwerosuotrust</dc:creator>
      <pubDate>Wed, 02 Nov 2022 16:43:40 +0000</pubDate>
      <link>https://dev.to/avwerosuotrust/freecodecamp-portfolio-project-29ol</link>
      <guid>https://dev.to/avwerosuotrust/freecodecamp-portfolio-project-29ol</guid>
      <description>&lt;p&gt;Hey Guys i am finally done with my Responsive web design course and  this is the last project i have not  done much project. So those projects are from freecodecamp, but i was the one that build the portfolio like freecodecamps own&lt;br&gt;
&lt;iframe height="600" src="https://codepen.io/avwerosuotrust/embed/GRGgjvJ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Ferris wheel from freecodecamp</title>
      <dc:creator>avwerosuotrust</dc:creator>
      <pubDate>Tue, 25 Oct 2022 12:01:31 +0000</pubDate>
      <link>https://dev.to/avwerosuotrust/ferris-wheel-from-freecodecamp-f5h</link>
      <guid>https://dev.to/avwerosuotrust/ferris-wheel-from-freecodecamp-f5h</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/avwerosuotrust/embed/VwxVppZ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;br&gt;
Sorry Guys I commented the animation mode that is why it did not show.&lt;br&gt;
Please Don't be angry 🙏🙏 veiw the project again and Comment on how i can improve&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Freecodecamp Product Landing Page Project</title>
      <dc:creator>avwerosuotrust</dc:creator>
      <pubDate>Fri, 21 Oct 2022 10:51:53 +0000</pubDate>
      <link>https://dev.to/avwerosuotrust/freecodecamp-product-landing-page-project-56oo</link>
      <guid>https://dev.to/avwerosuotrust/freecodecamp-product-landing-page-project-56oo</guid>
      <description>&lt;p&gt;Hello guys, i am currently learning front-end web development and i have build some project i would love you guys to help me review it so that i can know how to improve my skills. Please tap on the project below&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/avwerosuotrust/embed/GRdwWWo?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Project feedback</title>
      <dc:creator>avwerosuotrust</dc:creator>
      <pubDate>Fri, 21 Oct 2022 10:48:09 +0000</pubDate>
      <link>https://dev.to/avwerosuotrust/project-feedback-45ap</link>
      <guid>https://dev.to/avwerosuotrust/project-feedback-45ap</guid>
      <description>&lt;p&gt;Hello guys, i am currently learning front-end web development and i have build some project i would love you guys to help me review it so that i can know how to improve my skills. Please tap on the project below&lt;br&gt;
&lt;a href="https://codepen.io/avwerosuotrust/pen/VwxVppZ"&gt;Ferris wheel&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Responsive Tribute Page</title>
      <dc:creator>avwerosuotrust</dc:creator>
      <pubDate>Fri, 23 Sep 2022 12:51:48 +0000</pubDate>
      <link>https://dev.to/avwerosuotrust/responsive-tribute-page-2aeg</link>
      <guid>https://dev.to/avwerosuotrust/responsive-tribute-page-2aeg</guid>
      <description>&lt;p&gt;Hello guys, I just finished building a responsive Tribute page from freecodecamp I would love it if you guys can check it out and give me feedback if possible&lt;br&gt;
&lt;a href="https://codepen.io/avwerosuotrust/pen/PoRrvqj"&gt;Responsive Tribute Page&lt;/a&gt; &lt;/p&gt;

</description>
      <category>beginners</category>
      <category>css</category>
      <category>responsive</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Importance of HERO SECTION In Your Website</title>
      <dc:creator>avwerosuotrust</dc:creator>
      <pubDate>Fri, 16 Sep 2022 14:33:28 +0000</pubDate>
      <link>https://dev.to/avwerosuotrust/importance-of-hero-section-in-your-website-3cee</link>
      <guid>https://dev.to/avwerosuotrust/importance-of-hero-section-in-your-website-3cee</guid>
      <description>&lt;p&gt;Hey guys this is my first post and i would like to enlighten my fellow frontend-web developers and web designers the importance of hero section when designing a website.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is HERO SECTION?&lt;/strong&gt;&lt;br&gt;
  Hero Section is the area or part that immediately appears after your logo and menu section.&lt;br&gt;
Hero Section is a key part of any Quality Website.&lt;br&gt;
 The four components that make up the hero section are:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;What you provide.&lt;/li&gt;
&lt;li&gt;Why people should trust you.&lt;/li&gt;
&lt;li&gt;The Advantages of Working with you.&lt;/li&gt;
&lt;li&gt;What steps they ought to take next&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Along with these essential components, you'll also need to figure out how to distinguish your business from the competitors. Depending on the appearance of your website and the style you desire, there are many different hero section design ideas you might employ.&lt;br&gt;
&lt;strong&gt;How to create an Effective Hero Section&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Utilize an eye-catching hero picture or video
In this section you will have to use a eye-catching image or video that captures and provide your user the information or glance of the website &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4aQ8ZO9R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fjnftyctnuelqebf8b9o.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4aQ8ZO9R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fjnftyctnuelqebf8b9o.jpg" alt="Image description" width="259" height="194"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Make a catchy headline
In this part you will have to use a striking or captivating headline to catch the interest of the users or clients to prevent them from getting lost and leaving your website eventually&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--x5oaZBPA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t3lz8up2wi3pgk4cyjxa.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--x5oaZBPA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t3lz8up2wi3pgk4cyjxa.jpg" alt="Image description" width="257" height="196"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Immediately after, add a compelling subheading.
You should introduce the fundamental concept behind your brand while also providing brief information about your goods and services.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This is the perfect time to establish trust with your website visitors and briefly outline the advantages of doing business with you or shopping at your store. Additionally, it's crucial that you maintain this section of your website updated so that visitors always know what to anticipate from you.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Incorporate a Call To Action (CTA)
A bold, distinct, and engaging call-to-action is a necessity for any website's Hero Section (CTA). Too many websites overlook this section, leaving prospective customers perplexed and confused of what to do next. Without a Call To Action to refer to, customers would probably become lost and impatient before opting for another choice with a different business.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I Hope this article was help to let you know how to create and effective Hero Section.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;some of the pictures on this article where taken from AWEBCO.COM and from other website&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;I really hope this article was helpful to you, am not a writer so that's why it is short&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
