ask.html


<!doctype html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Trebushnikov Dmitry">
    <meta name="generator" content="Hugo 0.88.1">
    <title>UglyAsk · Bootstrap v5.1</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


    <!-- Custom styles for this template -->
    <link href="sticky-footer-navbar.css" rel="stylesheet">
  </head>
  <body class="d-flex flex-column h-100">

<header>
  <!-- Fixed navbar -->
  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <div class="container-fluid">

      <a id="ugly-brand" href="index.html">UglyAsk</a>
<!--       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> -->
<!--         <span class="navbar-toggler-icon"></span> -->
<!--       </button> -->

      <div class="collapse navbar-collapse" id="navbarCollapse">
        <form class="d-flex">
          <input class="form-control me-2" type="search" placeholder="Let's ask something ugly!" aria-label="Search">
          <button class="btn btn-ask" type="submit">ASK!</button>
        </form>
      </div>

      <a class="link-usual link-profile" href="profile.html">
        <img class="avatar-base" src="img/avatar.jpg" alt="">
        ugly_dean
      </a>

      <div class="col-md-2">
        <a class="link-usual" href="settings.html">Settings</a>
        <a class="link-usual" href="log-out.html">Log out</a>
      </div>

    </div>
  </nav>
</header>

<!-- Begin page content -->
<main class="flex-shrink-0">
  <div class="container">
    <div class="row">

      <div class="col-9 questions">

        <div class="row">
          <div class="col-12">
            <h3 class="head">New ugly question</h3>
          </div>
        </div>

        <form>
          <div class="form-margin">
            <label for="exampleInputEmail1" class="form-label form-title">Question title</label>
            <input class="form-control">
            <div class="form-text-warn">Question must have an ugly title!</div>
          </div>
          <div class="form-margin form-margin-bottom">
            <label for="questionText" class="form-label form-title">Question text</label>
            <textarea type="text" class="form-control form-min-max" id="questionText"></textarea>
          </div>
          <div class="form-margin form-margin-bottom">
            <label for="questionText" class="form-label form-title">Ugly tags</label>
            <input type="text" class="form-control" id="questionTags" aria-describedby="">
          </div>
          <div class="mb-3 form-check form-margin">
            <input type="checkbox" class="form-check-input ugly-checkbox" id="exampleCheck1">
            <label class="form-check-label from-title" for="exampleCheck1">Check me out</label>
          </div>
          <button type="submit" class="btn btn-primary form-margin btn-go">Go!</button>
        </form>

      </div>

      <div class="col-3">
        <div class="ugliest-tags">
            <h3 class="head">Ugliest tags</h3>
            <ul>
              <li><a class="link-usual" href="ugly.html">ugly</a></li>
              <li><a class="link-usual" href="nasty.html">nasty</a></li>
              <li><a class="link-usual" href="useless.html">useless</a></li>
              <li><a class="link-usual" href="awkward.html">awkward</a></li>
              <li><a class="link-usual" href="disqusting.html">disgusting</a></li>
            </ul>
          </div>

        <div class="ugliest-members">
            <h3 class="head">Ugliest members</h3>
            <ol>
              <li><a class="link-usual" href="ugly_dean.html">ugly_dean</a></li>
              <li><a class="link-usual" href="alinazna.html">alinazna</a></li>
              <li><a class="link-usual" href="dkokorev04.html">dkokorev04</a></li>
              <li><a class="link-usual" href="keshaproletarskiy.html">keshaproletarskiy</a></li>
              <li><a class="link-usual" href="ann___a.m.html">ann___a.m</a></li>
            </ol>
        </div>

      </div>

    </div>

  </div>
</main>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>


  </body>
</html>