armywing.pages.dev

Ui html templates free

    •

Challenge: Styling a biography page

In this challenge you will style a simple bio page, testing you on some of the skills you learned in the last couple of lessons including writing selectors and text styling.

Note: You can click "Play" in the live samples below to open the code in the MDN Playground, or you can copy and paste the code into your own IDE or an online editor such as CodePen, JSFiddle, or Glitch. If you get stuck, you can reach out to us in one of our communication channels.

Project brief

The following live sample shows a biography, which has been styled using CSS. The CSS properties that are used are as follows — each one links to its property page on MDN, which will give you more examples of its use.

In the example, there is some CSS already in place which selects parts of the document using element selectors, classes, and pseudo-classes. Make the following changes to this CSS:

  1. Make the level one heading pink, using the CSS color keyword .
  2. Give the heading a 10px dotted which uses the CSS color keyword .
  3. Make the level 2 heading italic.
  4. Give the us
      •

    Top 10 Best Free Link in Bio Templates

    How to Customize Your Link in Bio Page Template 

     

    WebWave’s templates are not only visually appealing but also incredibly functional. You can create mini landing pages without any technical knowledge. They’re fully customizable, allowing you to edit the text, fonts, and colors to match your brand perfectly. With no need for coding, setting up is a breeze.
     

    1. Add Your URLs: Input the URLs you want to direct your audience to. This could be your website, SM profiles, or other important links.

    2. Customize Design Elements: Edit the fonts, colors, and graphics to match your brand’s aesthetic.

    3. Use Graphic Elements: Enhance your template with WebWave’s variety of graphic elements. Add logos, icons, and images to make your bio link page unique.

    4. Edit Text: Ensure your text is clear and concise. Add a short sentence about yourself or your brand. Highlight important information and make your calls to action stand out.

    5. Publish for free: Once you’re satisfied with your design, publish your link in

      •

    Free biography templates

    Building a unique site with Weblium is free, efficient, and attainable for everyone. You don’t need to be a tech-savvy web designer—the only thing required is a clear vision of why you need a site!

    Check the free biography website templates:

    Use this template for free

    View Demo

     

    Use this template for free

    View Demo

     

    More on Weblium:

    Free Website Templates

    Free Website Builder

    Art Website Templates

    Portfolio Website Templates

Copyright ©armywing.pages.dev 2025