0.0.6 registration page update, added separate footer and header files

templates/forms/f_registration.html

@@ -1,47 +1,108 @@
-<div class="registration">
-    <h2>Регистрация</h2>
-
-    <div class="chosen_buttons">
-        <button>Перевозчик</button>
-        <button>Отправитель</button>
-    </div>
+<section class="register">
+    <h1>Регистрация</h1>
 
     <form action="">
         {% csrf_token %}
-         <div class="reg_inputs">
-             <label><input name="firstname" type="text" placeholder="Имя"{% if form.data.firstname %} value="{{ form.data.firstname }}"{% endif %}></label>
-             {% if form.errors and form.errors.firstname %}
+
+          <div class="switch">
+            <div><a class="active" href="#">Перевозчик</a></div>
+            <div><a class="deadctive" href="#">Отправитель</a></div>
+          </div>
+
+          <div class="inputs">
+            <div><input name="firstname" type="text" placeholder="Имя"{% if form.data.firstname %} value="{{ form.data.firstname }}"{% endif %}></div>
+                {% if form.errors and form.errors.firstname %}
                  <span>{{ form.errors.firstname }}</span>
              {% endif %}
-             <label><input name="email" type="text" placeholder="E-mail"{% if form.data.email %} value="{{ form.data.email }}"{% endif %}></label>
-            {% if form.errors and form.errors.email %}
-                 <span>{{ form.errors.email }}</span>
-             {% endif %}
-             <label><input name="password" type="text" placeholder="Пароль"{% if form.data.password %} value="{{ form.data.password }}"{% endif %}></label>
-            {% if form.errors and form.errors.password %}
-                 <span>{{ form.errors.password }}</span>
-             {% endif %}
-             <label><input name="lastname" type="text" placeholder="Фамилия"{% if form.data.lastname %} value="{{ form.data.lastname }}"{% endif %}></label>
-            {% if form.errors and form.errors.lastname %}
+            <div><input name="lastname" type="text" placeholder="Фамилия"{% if form.data.lastname %} value="{{ form.data.lastname }}"{% endif %}></div>
+                {% if form.errors and form.errors.lastname %}
                  <span>{{ form.errors.lastname }}</span>
              {% endif %}
-             <label><input name="tel" type="text" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}></label>
-            {% if form.errors and form.errors.tel %}
+          </div>
+          <div class="inputs">
+            <div><input name="email" type="text" placeholder="E-mail"{% if form.data.email %} value="{{ form.data.email }}"{% endif %}></div>
+                {% if form.errors and form.errors.email %}
+                 <span>{{ form.errors.email }}</span>
+             {% endif %}
+            <div><input name="tel" type="text" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}></div>
+                {% if form.errors and form.errors.tel %}
                  <span>{{ form.errors.tel }}</span>
              {% endif %}
-             <label><input name="confirm_password" type="text" placeholder="Подтвердить пароль"{% if form.data.confirm_password %} value="{{ form.data.confirm_password }}"{% endif %}></label>
-            {% if form.errors and form.errors.confirm_password %}
+          </div>
+          <div class="inputs">
+            <div><input name="password" type="password" placeholder="Пароль"{% if form.data.password %} value="{{ form.data.password }}"{% endif %}></div>
+                {% if form.errors and form.errors.password %}
+                 <span>{{ form.errors.password }}</span>
+             {% endif %}
+            <div><input name="confirm_password" type="password" placeholder="Подтвердить пароль"{% if form.data.confirm_password %} value="{{ form.data.confirm_password }}"{% endif %}></div>
+                {% if form.errors and form.errors.confirm_password %}
                  <span>{{ form.errors.confirm_password }}</span>
              {% endif %}
-         </div>
-
-            <input type="checkbox"> <p>Регистрируясь, я соглашаюсь с Лицензионным соглашениеми и Политикой конфиденциальности</p>
-
-        <div class="reg_button">
-            <button id="registration" onclick="SendRegistrationForm(this)"> Зарегистрироваться </button>
-        </div>
+          </div>
+          <div class="agree"><div class="checkbox">
+            <input class="custom-checkbox" type="checkbox" id="color-1" name="color-1" value="indigo">
+            <label for="color-1"></label>
+          </div><div>Регистрируясь, я соглашаюсь с Лицензионным соглашениеми и Политикой конфиденциальности</div></div>
+          <div class="button_register">
+               <button id="registration" onclick="SendRegistrationForm(this)"> Зарегистрироваться </button>
+          </div>
     </form>
+  </section>
 
 
 
-</div>
+{##}
+{##}
+{#<div class="registration">#}
+{#    <h2>Регистрация</h2>#}
+{##}
+{#    <div class="form_radio_btn">#}
+{##}
+{#        <input id="radio-1" type="radio" name="radio" value="1" checked>#}
+{#	    <label for="radio-1">Перевозчик</label>#}
+{##}
+{#    </div>#}
+{#    <div class="form_radio_btn">#}
+{#	    <input id="radio-2" type="radio" name="radio" value="2">#}
+{#	    <label for="radio-2">Отправитель</label>#}
+{#    </div>#}
+{##}
+{#    <form action="">#}
+{#        {% csrf_token %}#}
+{#         <div class="reg_inputs">#}
+{#             <label><input name="firstname" type="text" placeholder="Имя"{% if form.data.firstname %} value="{{ form.data.firstname }}"{% endif %}></label>#}
+{#             {% if form.errors and form.errors.firstname %}#}
+{#                 <span>{{ form.errors.firstname }}</span>#}
+{#             {% endif %}#}
+{#             <label><input name="email" type="text" placeholder="E-mail"{% if form.data.email %} value="{{ form.data.email }}"{% endif %}></label>#}
+{#            {% if form.errors and form.errors.email %}#}
+{#                 <span>{{ form.errors.email }}</span>#}
+{#             {% endif %}#}
+{#             <label><input name="password" type="text" placeholder="Пароль"{% if form.data.password %} value="{{ form.data.password }}"{% endif %}></label>#}
+{#            {% if form.errors and form.errors.password %}#}
+{#                 <span>{{ form.errors.password }}</span>#}
+{#             {% endif %}#}
+{#             <label><input name="lastname" type="text" placeholder="Фамилия"{% if form.data.lastname %} value="{{ form.data.lastname }}"{% endif %}></label>#}
+{#            {% if form.errors and form.errors.lastname %}#}
+{#                 <span>{{ form.errors.lastname }}</span>#}
+{#             {% endif %}#}
+{#             <label><input name="tel" type="text" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}></label>#}
+{#            {% if form.errors and form.errors.tel %}#}
+{#                 <span>{{ form.errors.tel }}</span>#}
+{#             {% endif %}#}
+{#             <label><input name="confirm_password" type="text" placeholder="Подтвердить пароль"{% if form.data.confirm_password %} value="{{ form.data.confirm_password }}"{% endif %}></label>#}
+{#            {% if form.errors and form.errors.confirm_password %}#}
+{#                 <span>{{ form.errors.confirm_password }}</span>#}
+{#             {% endif %}#}
+{#         </div>#}
+{##}
+{#            <input type="checkbox"> <p>Регистрируясь, я соглашаюсь с Лицензионным соглашениеми и Политикой конфиденциальности</p>#}
+{##}
+{#        <div class="reg_button">#}
+{#            <button id="registration" onclick="SendRegistrationForm(this)"> Зарегистрироваться </button>#}
+{#        </div>#}
+{#    </form>#}
+{##}
+{##}
+{##}
+{#</div>#}