Add custom contact page to my brooklyn theme website

[fillerpharm]

Hi Guys

I would like to create a custom contact us page that features the following tabs

Training Academy Name

Contact Name

Email

Contact Number

Average Amount of Students Per Month

Website URL

Instagram

I have tried 3 different vids on YouTube but still cannot do it. Theyre themes are different and so is the code.

Please see my current code below

{{ page.title }}

---

{{ page.content }}

{% form 'contact' %}

{% comment %}
Successful message
{% endcomment %}
{% if form.posted_successfully? %}

{{ 'contact.form.post_success' | t }}

{% endif %}

{{ form.errors | default_errors }}

{{ 'contact.form.name' | t }}

{{ 'contact.form.email' | t }}

{{ ‘contact.form.phone’ | t }}

{{ ‘contact.form.message’ | t }}

{% if form.body %}{{ form.body }}{% endif %}

{% endform %}

[Lucid_Polygon]

• Page code for the whole contact page is here
• Added new fields
• Average Amount of Students abbreviated as AASPM
• A screenshot of the mail result is attached as well.

    

        

        
            

                

                    {{ page.content }}
                

                
                    {% form 'contact' %}

                    {% comment %}
                    Successful message
                    {% endcomment %}
                    {% if form.posted_successfully? %}
                    

                        {{ 'contact.form.post_success' | t }}
                    

                    {% endif %}

                    {{ form.errors | default_errors }}

                    
                        

                            
                            
                        

                        
                            
                            
                        

                    

                    
                        

                            
                            
                        

                        
                            
                            
                        

                    

                    
                    

                    

                        

                            
                            
                        

                        
                            
                            
                        

                    

                    
                    

                    

                    {% endform %}