title: I want to create a website where users will be posting to the site, How would I make each post appear in a separate card?
body: <p>Am creating a website where user will be posting information in the site, but when I post in the site, all post appear in a single card while I want each post to appear in a separate card, How would I do this?? would I have to use Javascript in the front end or python in the back end to accomplish this, and how?</p>
  
  <p>Am using python 3.6.8, and django 2.1.8, I have written a code but all post appear in single materialize card</p>
  
  <p>views</p>
  
  <pre><code>def homepage(request):
  return render(request=request,
                template_name="main/home.html",
                context={"documents":Documents.objects.all}
  </code></pre>
  
  <p>models</p>
  
  <pre><code>class Documents(models.Model):
  docs_name = models.CharField(max_length=200)
  police_station = models.CharField(max_length=200)
  docs_details = models.TextField()
  docs_pic = models.ImageField()
  
  def __str__(self):
      return self.docs_name
  </code></pre>
  
  <p>Home template</p>
  
  <pre><code>{% extends 'main/base.html' %}
  
  {% block content %}
  &lt;a class="waves-effect waves-light btn" href=""&gt;button&lt;/a&gt;
   &lt;div class="row"&gt;
      &lt;div class="col s12 m9" &gt;
        &lt;div class="card"&gt;
          &lt;div class="card-image"&gt;
              {% for Doc in documents %}
              &lt;p&gt;{{Doc.docs_name}}&lt;/p&gt;
              &lt;p&gt;{{Doc.police_station}}&lt;/p&gt;
              &lt;p&gt;{{Doc.docs_details}}&lt;/p&gt;
              &lt;p&gt;{{Doc.docs_pic}}&lt;/p&gt;
              {% endfor %} 
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  
  {% endblock %}
  </code></pre>