ProgramLearn/templates/create_articles.html - master - OtherName/Projects

ProgramLearn/templates/create_articles.html
77 строк2 KB
NikitaChernomor
upload files
09 фев 2026, 00:29
09 фев 2026, 00:29bdab9b5
{% extends 'base.html' %}
{% block title%}Program Learn{% endblock %}
{% block body %}

<style media="screen">
  .all{
    margin: 100px;
    padding: 1rem;
    border: 3px solid Purple;
    text-align:center;
    background: rgb(195,20,50);
    background: linear-gradient(180deg, rgba(195,20,50,1) 0%, rgba(36,11,54,1) 100%);
    border-radius: 15px;
      }
  .text-control{
    width: 1100px;
    border: 2px solid magenta;
    border-radius: 25px;
  }
  .container{
    text-align: center;
    margin-top: 30px;
  }
  .btn{
    border-radius: 5px;
    background: black;
    border:3px solid magenta;
    padding: 10px 20px;
    font-size: 15px;
    font-family: "monterrast";
    cursor: pointer;
    margin: 10px;
    transition: 0.8s;
  }
  .success{
    color:Purple;
    font-weight: bold;
    border-radius: 5px;
    background: white;
    border:3px solid magenta;
    padding: 10px 20px;
    font-size: 15px;
    font-family: sans-serif;
    cursor: pointer;
    margin: 10px;
    transition: 0.8s;
  }
  .success:hover{
    color: white;
    background: Purple;
    font-weight: bold;
    font-size: 15px;
  }
  placeholder{
    font-family: sans-serif;
  }
</style>
  <h1 align='center' class="text_white">Добавление статьи</h1>
  <form method='post'>
    <div class="all">
    <div class="one_group">
      <input type="text" name="title" class="text-control" style="" placeholder="Введите название">
      <br><br>

</div>
  <div class="one_group"><input name="intro" id="intro" class="text-control" style="padding: 10px" placeholder="Введите анонс"></input><br><br>
</div>
<div class="one_group">
    <input name="text" id="text" class="text-control" style="padding: 10px" placeholder="Введите текст"></input><br><br>
</div>
    <div class="container">
    <input type="submit" class="success" value="Отправить"></input>
    </div>
  </form>

</div>
{% endblock %}