text: {%load static%}
  
  <!DOCTYPE html>
  <html lang="en" >
  
  <head>
    <meta charset="UTF-8">
    <title>Alize</title>
        <link rel="stylesheet" href="{%static 'css/search.css'%}">
        <link rel="stylesheet" href="{%static 'css/app.css'%}">
  </head>
  
  <body>
  
  <form action="/yasintoy">
  	  <div class="search">
    <svg class="search-svg" viewBox="0 0 320 70"
         data-init="M160,3 L160,3 a27,27 0 0,1 0,54 L160,57 a27,27 0 0,1 0,-54 M197,67 181.21,51.21"
         data-mid="M160,3 L160,3 a27,27 0 0,1 0,54 L160,57 a27,27 0 0,1 0,-54 M179.5,49.5 179.5,49.5"
         data-active="M27,3 L293,3 a27,27 0 0,1 0,54 L27,57 a27,27 0 0,1 0,-54 M179.5,49.5 179.5,49.5">
      <path class="search-svg__path" d="M160,3 L160,3 a27,27 0 0,1 0,54 L160,57 a27,27 0 0,1 0,-54 M197,67 181.21,51.21" />
    </svg>
    <input type="text" class="search-input" />
    <div class="search-close"></div>
    <div class="circle"></div>
  </form>
  </div>
    	<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  	<script src='https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js'></script>
      <script  src="{%static 'js/search.js'%}"></script>
      <script  src="{%static 'js/app.min.js'%}"></script>
  </body>
  
  </html>
  