Designs/DesignTemplate_IdeaName.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">

    <title>Your Name</title>
  </head>
  <body>

    <!-- Do not change any of the snippet while doing Pull Request -->
    <!-- Export your UI in PNG Format -->
    <!-- Dont delete or change "Your_Name" folder & "Your_Name.html/Your_Name.png" as it is for the guiding purpose only -->
    <!-- Make the folder of your name and add it to "Template for PR" folder -->
    <!-- Make a PNG file of your UI and paste it inside the folder of your name -->

    <section>
    <figure class="text-center" style="margin-top: 5%;">
        <blockquote class="blockquote">

          <!-- Name of Your Project -->
          <h3>"Here"</h3>

        </blockquote>

        <figcaption>

          <!-- Description of your project in 40 - 50 Words -->
          "Here"

        </figcaption>
    </figure>
  </section>

  <hr>

    <!-- Put Your Source of Image here -->

    <img src="your-name.png" class="img-fluid" alt="..." style="margin-left: 40%; margin-top: 3%;">

    <!-- Incase you have more than one PNG then copy paste the above code which is given down below -->

    <!-- Add link of the design -->
    <h3>"Here"</h3>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
  </body>
</html>