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

ProgramLearn/templates/Java.html
90 строк3 KB
NikitaChernomor
upload files
09 фев 2026, 00:29
09 фев 2026, 00:29bdab9b5
{% extends 'base.html' %}
{% block title%}Program Learn{% endblock %}
{% block body %}
<style>
    .sup_course{
        position: absolute;
        width: 200px;
        height: 250px;
        border-radius: 50px;
        background: #FFFFFF;
        border: 3px solid white;
        left:45%;
        top:30%;
        box-shadow: 15px 15px;
        z-index: -1;
      }
    .sup_course_down{
        position: relative;
        width: 200px;
        height: 125px;
        border-radius: 0px 0px 50px 50px;
        background: #b90000;
        left:0.3%;
        top:0.3%;
      }
    .sup_course_center{
        position: absolute;
        width: 199px;
        height: 210px;
        border-radius: 70px;
        background: #c70000;
        left:0.5%;
        top:7.5%;
        border: none;
      }
    .sup_course_up{
      position: relative;
      width: 200px;
      height: 125px;
      border-radius: 50px 50px 0px 0px;
      background: #e21111;
      left:0.3%;
      bottom:0.3%;
      }
    #text_course{
      position: absolute;
      bottom: 44%;
      left: 47%;
      z-index: 2;
      font-size: 40px;
    }
    .blik1{
      border: 1px solid red
    }
    #fon{
      z-index: 3;
    }
</style>
<canvas id="blik1" width="500px" height="500px"></canvas>
<a href="/lesson/java/course" alt="">
<div class="sup_course">
  <div class="sup_course_up"></div>
  <div class="sup_course_down"></div>
  <button class="sup_course_center" href="/lesson/java/course"></button>
  </div>
  <a align="center" id="text_course" style="color: white; font-family: sans-serif; text-decoration: none; font-weight: bold;" href="/lesson/java/course">Основы <br> Джава.</a>

</a>
<script type="text/javascript">
</script>
<svg weight="500px" height="500px">
<g transform="rotate(-142 180 199)">
  <circle id="fon" cx="200" cy="200" r="50" stroke="#EAEAEA" stroke-width="12" stroke-dasharray ="628" stroke-dashoffset="600" fill="none" />
</g>
<g transform="rotate(-90 142.5 197)">
  <circle id="fon" cx="200" cy="200" r="6" fill="#EAEAEA" />
</g>
<g transform="rotate(-90 140.5 214)">
  <circle id="fon" cx="200" cy="200" r="6" fill="#EAEAEA" />
</g>
<g transform="rotate(-140 181 198)">
  <circle style="z-index: 4;" cx="200" cy="200" r="50" stroke="white" stroke-width="12" stroke-dasharray ="610" stroke-dashoffset="600" fill="none" />
</g>
<g transform="rotate(-90 141 204)">
  <circle id="fon" cx="200" cy="200" r="6" fill="white" />
</g>
<g transform="rotate(-90 141 211)">
  <circle id="fon" cx="200" cy="200" r="6" fill="white" />
</g>
{% endblock %}