html validation

marktplatz/templates/marktplatz/modal-sa.html

@@ -47,7 +47,7 @@
         <!-- {% now "YFdHi-u" %} -->
 
         <span id="agentClose" class="close">&times;</span>
-        <iframe src="{% url 'search-agent-form-embed' %}" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" marginheight="0px" marginwidth="0px" height="600px" width="100%" allowfullscreen></iframe>
+        <iframe src="{% url 'search-agent-form-embed' %}" style="border:0px #ffffff none;" name="myiFrame" height="600px" width="100%" allowfullscreen></iframe>
 
       </div>
     </div>

marktplatz/templates/marktplatz/product_overview.html

@@ -404,7 +404,7 @@ $(document).ready(function(){
       <div class="mab-card {{product.ort}} {{product.status}} {{product.frei}} {{product.altneu}}   {% if product.frei == 'JAJA' %} mab-card-highlight {% endif %}" style="">
         <a href="{% url 'product-detail' product.pk %}">
           <div style="position: relative;text-align: center;">
-            <img class="{% if user.is_authenticated %}{% get_vote_class product user %} {% endif %} {% for category in product.category.all %} {{category.short_name}} {% endfor %} card-img-top" otherclass="rounded-0"
+            <img class="{% if user.is_authenticated %}{% get_vote_class product user %} {% endif %} {% for category in product.category.all %} {{category.short_name}} {% endfor %} card-img-top" data-otherclass="rounded-0"
               src="{{product.media_set.first.image_norm.url}}" alt="image">
             <div class="mab-product-title" style=""><span>{{product.name }}</span></div>
 
@@ -425,7 +425,7 @@ $(document).ready(function(){
 
           <p class="mab-card-text card-text" style="">
 
-            <button id='product_{{product.pk}}_flipper' onclick="" class="border-thin mybtn flipper" flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
+            <button id='product_{{product.pk}}_flipper' onclick="" class="border-thin mybtn flipper" data-flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
             <button id='product_{{product.pk}}_teilen' onclick="location.href = '{% url 'product-detail-card-embed' pk=product.pk %}'" class="border-thin mybtn" style=""><i class="fas fa-share"></i> Teilen</button>
             <button id='product_{{product.pk}}_{{product.frei}}' data-toggler='{{product.frei}}' class="border-thin mybtn btn-toggle {{product.frei}}" style="">#{{product.get_frei_display}}</button>
             <button id='product_{{product.pk}}_{{product.status}}' data-toggler='{{product.status}}' class="border-thin mybtn btn-toggle {{product.status}}" style="">#{{product.get_status_display}}</button>
@@ -443,12 +443,12 @@ $(document).ready(function(){
     <div class="mab-card-face mab-card-face--back ">
       <div class="mab-card  {% if product.frei == 'JAJA' %} {% endif %}">
 
-        <div class="container flipper-wrapper" flip-card="product_{{product.pk}}_card">
+        <div class="container flipper-wrapper" data-flip-card="product_{{product.pk}}_card">
             <div class="row">
                 <div class="col-sm-12">
                   <br>
                   <div class="" style=""><h3>  {{ product.name }}</h3></div>
-                  <button id='product_{{product.pk}}_flipper_back' onclick="" class="border-thin mybtn " flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
+                  <button id='product_{{product.pk}}_flipper_back' onclick="" class="border-thin mybtn " data-flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
                   <div class="" style=""><span>{{ product.beschreibung }}</span></div>
                   <div class="" style=""><strong>Wohnungen:</strong> <span>{{ product.awohnungen }}</span></div>
                   <div class="" style=""><span>{{ product.gemeinschaftr }}</span></div>
@@ -505,14 +505,14 @@ $(document).ready(function(){
 
   $(".flipper").click (function(elem){
 
-     let toggler = this.getAttribute("flip-card");
+     let toggler = this.getAttribute("data-flip-card");
      $("#" + toggler ).toggleClass('is-flipped');
 
   });
 
   $(".flipper-wrapper").click (function(elem){
 
-     let toggler = this.getAttribute("flip-card");
+     let toggler = this.getAttribute("data-flip-card");
      $("#" + toggler ).toggleClass('is-flipped');
 
   });

project_base/templates/base_generic.html

@@ -227,7 +227,7 @@
 
 <nav class="navbar navbar-fixed-top mab-navbar navbar-expand-lg navbar-light bg-light">
   <a class="navbar-brand navbar-right" href="{% url 'products' %}" style="width:45%" >
-    <img src="{% static 'logo_gemeinschaffen.png' %}" alt="Markplatz" class="img-fluid mab-logo" width="auto" style="">
+    <img src="{% static 'logo_gemeinschaffen.png' %}" alt="Markplatz" class="img-fluid mab-logo" style="">
   </a>
 
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarBottom" aria-controls="navbarBottom" aria-expanded="false" aria-label="Toggle navigation">