From dcd0385a6443c81e6ba01b889d9b0085d599374a Mon Sep 17 00:00:00 2001
From: RushilSidhu <49910626+RushilSidhu@users.noreply.github.com>
Date: Fri, 24 Jul 2020 14:18:40 -0400
Subject: [PATCH] Company Interfacing

---
 .../homepage/templates/homepage/company.html  |  16 +-
 .../templates/homepage/companyinterface.html  | 600 ++++++++++++++++++
 2 files changed, 601 insertions(+), 15 deletions(-)
 create mode 100644 brancher/homepage/templates/homepage/companyinterface.html

diff --git a/brancher/homepage/templates/homepage/company.html b/brancher/homepage/templates/homepage/company.html
index a4dc83e..87ad009 100644
--- a/brancher/homepage/templates/homepage/company.html
+++ b/brancher/homepage/templates/homepage/company.html
@@ -9,7 +9,7 @@
                 <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="login.html">Create a New Account</a>
             </div>
             <div class="row text-center">
-              <a href="login.html"><i>Already Have An Account?</i></a>
+              <a href="login.html"><i><center>Already Have An Account?</center></i></a>
             </div>
         </header>
         <!-- Services-->
@@ -135,20 +135,6 @@
         </section>
 
         <!-- Footer-->
-        <footer class="footer py-4">
-            <div class="container">
-                <div class="row align-items-center">
-                    <div class="col-lg-4 text-lg-left">BrancherCo</div>
-                    <div class="col-lg-4 my-3 my-lg-0">
-                        <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/brancher.co/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.youtube.com/channel/UCdxzpAHn_Xd6IfaF-o55xBQ"><i class="fab fa-youtube"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:BrancherCo@gmail.com"><i class="fa fa-envelope"></i></a><a class="btn btn-dark btn-social mx-2"
-                         href="https://vm.tiktok.com/JdLtwpS/"><i class="fab fa-tiktok"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.snapchat.com/add/brancher_co"><i class="fab fa-snapchat"></i></a>
-
-
-                    </div>
-                    <div class="col-lg-4 text-lg-right"><a class="mr-3" href="privacy.html">Privacy Policy</a><a href="#!">Terms of Use</a></div>
-                </div>
-            </div>
-        </footer>
         <!-- Portfolio Modals--><!-- Modal 1-->
         <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
             <div class="modal-dialog">
diff --git a/brancher/homepage/templates/homepage/companyinterface.html b/brancher/homepage/templates/homepage/companyinterface.html
new file mode 100644
index 0000000..8391c75
--- /dev/null
+++ b/brancher/homepage/templates/homepage/companyinterface.html
@@ -0,0 +1,600 @@
+{% extends "homepage/base.html" %}
+{% load static %}
+{% block content %}
+        <!-- Masthead-->
+        <header class="masthead">
+            <div class="container">
+                <div class="masthead-subheading">Brancher For Companies</div>
+                <div class="masthead-heading text-uppercase">Expand Your Reach</div>
+                <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="login.html">Create a New Account</a>
+            </div>
+            <div class="row text-center">
+              <a href="login.html"><i>Already Have An Account?</i></a>
+            </div>
+        </header>
+        <!-- Services-->
+        <section class="page-section" id="services">
+            <div class="container">
+                <div class="text-center">
+                    <h2 class="section-heading text-uppercase">Services</h2>
+                    <h3 class="section-subheading text-muted">How We Help</h3>
+                </div>
+                <div class="row text-center">
+                    <div class="col-md-4">
+                        <span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-project-diagram fa-stack-1x fa-inverse"></i></span>
+                        <h4 class="my-3">Connect</h4>
+                        <p class="text-muted">Connect with influencers and create connections with them to help build your business. Sponsorships will help create a social media prescense for your brand or business, building you up for the future.</p>
+                    </div>
+                    <div class="col-md-4">
+                        <span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-chart-line fa-stack-1x fa-inverse"></i></span>
+                        <h4 class="my-3">Market</h4>
+                        <p class="text-muted">Working with influencers will attract more eyes on your product or service. The more connections you gain the larger your audience will be and gain a steady customer base.</p>
+                    </div>
+                    <div class="col-md-4">
+                        <span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-check-circle fa-stack-1x fa-inverse"></i></span>
+                        <h4 class="my-3">Fact Check</h4>
+                        <p class="text-muted">Working in the business of social media marketing can be risky. Working with Brancher ensures that both sides of the deal come to terms on the agreement and uphold their promises. Brancher does not tolerate any scams or frauds.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- Portfolio Grid-->
+        <section class="page-section bg-light" id="portfolio">
+            <div class="container">
+                <div class="text-center">
+                    <h2 class="section-heading text-uppercase">Get Started</h2>
+                    <h3 class="section-subheading text-muted">How to get your company set up on Brancher.</h3>
+                </div>
+                <div class="row">
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal1"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'homepage/css/res/Register.jpg' %}" width="400" height="400" alt=""/>
+                              </a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Register</div>
+                                <div class="portfolio-caption-subheading text-muted">Sign Up For Free Today!</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal2"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'homepage/css/res/Customize.jpg' %}" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Customize</div>
+                                <div class="portfolio-caption-subheading text-muted"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal3"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="css/res/Specialze.jpg" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Specialize</div>
+                                <div class="portfolio-caption-subheading text-muted"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal4"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'homepage/css/res/Explore.jpg' %}" width="400" height="400" alt=""/>
+                            </a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Explore</div>
+                                <div class="portfolio-caption-subheading text-muted">Find Influencers</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal5"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'css/res/contact.jpg' %}" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Contact</div>
+                                <div class="portfolio-caption-subheading text-muted">Talk With Influencers</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal6"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="css/res/Grow.jpg" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Expand</div>
+                                <div class="portfolio-caption-subheading text-muted">Keep At It!</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Footer-->
+        <!-- Portfolio Modals--><!-- Modal 1-->
+        <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Register</h2>
+                                    <p class="item-intro text-muted">Sign Up For Free Today!</p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="" />
+                                    <p>Creating a company account on Brancher is your first step towards success! When creating an account you must provide some sort of verification that you are actually a company whether it be an Instagram page or website. Every verification is checked by a Brancher employee.</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 2-->
+        <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Customize</h2>
+                                    <p class="item-intro text-muted"></p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.jpg" alt="" />
+                                    <p>Connect your website and other social media to your Brancher account for influencers to see. Edit your bio and make your company profile unique. Let your creativity run wild!</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                     <class="btn btn-primary" data-dismiss="modal" type=""><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 3-->
+        <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Specialize</h2>
+                                    <p class="item-intro text-muted"></p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="" />
+                                    <p>This step is similar to the previous one. The only difference is this time you will be choosing the avenues you want to go down. On your brancher profile fill out the quick survey that enables us to search for the best influencers that can sponsor your product. If you are a makeup company you will be reccomended makeup artists. If you choose to specialize you will also be a hgiher priority for influencers. Specializing is completely option however we do reccomended it. </p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At?</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 4-->
+        <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Explore</h2>
+                                    <p class="item-intro text-muted"></p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="" />
+                                    <p>Once you have set up your company profile the way you would like, it is time to post your first sponsorship oppurtunity. When you post your brand deal you will be prompted to write a breif description of the terms of the agrrement you would like to have. If you are specialized than these oppurtnities will be promoted and presented to influencers in your industry. If you don't want to post a brand deal than be sure to look at the influencer profiles that are reccomended to you and contact them.</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email Us At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 5-->
+        <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Contact</h2>
+                                    <p class="item-intro text-muted">Talk With Influencers</p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="" />
+                                    <p>Whether you created your own brand deal post or found a post from an influencer, your next step is to contact the influencer. If you had your own post, than you can look at the those who applied or are interested. Each influencer has their social media accounts attached to their profile and those that are Brancher verified have already been background checked. You can directly contact Brancher to help out with the brand deal. Direct messaging is also available on the website.</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 6-->
+        <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Expand</h2>
+                                    <p class="item-intro text-muted">Keep At It!</p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/06-full.jpg" alt="" />
+                                    <p>The more influencers you talk to the larger your reach will grow! Social media is the future. If you want a successful business, promoting through influencers is the way to go. If you ever have any questions or need assistance feel free to talk directly to our team or use teh email below. Good luck!</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+{% endblock %}
+{% extends "homepage/base.html" %}
+{% load static %}
+{% block content %}
+        <!-- Masthead-->
+        <header class="masthead">
+            <div class="container">
+                <div class="masthead-subheading">Brancher For Companies</div>
+                <div class="masthead-heading text-uppercase">Expand Your Reach</div>
+                <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="login.html">Create a New Account</a>
+            </div>
+            <div class="row text-center">
+              <a href="login.html"><i>Already Have An Account?</i></a>
+            </div>
+        </header>
+        <!-- Services-->
+        <section class="page-section" id="services">
+            <div class="container">
+                <div class="text-center">
+                    <h2 class="section-heading text-uppercase">Services</h2>
+                    <h3 class="section-subheading text-muted">How We Help</h3>
+                </div>
+                <div class="row text-center">
+                    <div class="col-md-4">
+                        <span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-project-diagram fa-stack-1x fa-inverse"></i></span>
+                        <h4 class="my-3">Connect</h4>
+                        <p class="text-muted">Connect with influencers and create connections with them to help build your business. Sponsorships will help create a social media prescense for your brand or business, building you up for the future.</p>
+                    </div>
+                    <div class="col-md-4">
+                        <span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-chart-line fa-stack-1x fa-inverse"></i></span>
+                        <h4 class="my-3">Market</h4>
+                        <p class="text-muted">Working with influencers will attract more eyes on your product or service. The more connections you gain the larger your audience will be and gain a steady customer base.</p>
+                    </div>
+                    <div class="col-md-4">
+                        <span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-check-circle fa-stack-1x fa-inverse"></i></span>
+                        <h4 class="my-3">Fact Check</h4>
+                        <p class="text-muted">Working in the business of social media marketing can be risky. Working with Brancher ensures that both sides of the deal come to terms on the agreement and uphold their promises. Brancher does not tolerate any scams or frauds.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- Portfolio Grid-->
+        <section class="page-section bg-light" id="portfolio">
+            <div class="container">
+                <div class="text-center">
+                    <h2 class="section-heading text-uppercase">Get Started</h2>
+                    <h3 class="section-subheading text-muted">How to get your company set up on Brancher.</h3>
+                </div>
+                <div class="row">
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal1"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'homepage/css/res/Register.jpg' %}" width="400" height="400" alt=""/>
+                              </a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Register</div>
+                                <div class="portfolio-caption-subheading text-muted">Sign Up For Free Today!</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal2"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'homepage/css/res/Customize.jpg' %}" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Customize</div>
+                                <div class="portfolio-caption-subheading text-muted"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal3"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="css/res/Specialze.jpg" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Specialize</div>
+                                <div class="portfolio-caption-subheading text-muted"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal4"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'homepage/css/res/Explore.jpg' %}" width="400" height="400" alt=""/>
+                            </a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Explore</div>
+                                <div class="portfolio-caption-subheading text-muted">Find Influencers</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal5"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="{% static 'css/res/contact.jpg' %}" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Contact</div>
+                                <div class="portfolio-caption-subheading text-muted">Talk With Influencers</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4 col-sm-6">
+                        <div class="portfolio-item">
+                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal6"
+                                ><div class="portfolio-hover">
+                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
+                                </div>
+                                <img class="img-fluid" src="css/res/Grow.jpg" width="400" height="400" alt=""
+                            /></a>
+                            <div class="portfolio-caption">
+                                <div class="portfolio-caption-heading">Expand</div>
+                                <div class="portfolio-caption-subheading text-muted">Keep At It!</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Footer-->
+        <!-- Portfolio Modals--><!-- Modal 1-->
+        <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Register</h2>
+                                    <p class="item-intro text-muted">Sign Up For Free Today!</p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="" />
+                                    <p>Creating a company account on Brancher is your first step towards success! When creating an account you must provide some sort of verification that you are actually a company whether it be an Instagram page or website. Every verification is checked by a Brancher employee.</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 2-->
+        <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Customize</h2>
+                                    <p class="item-intro text-muted"></p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.jpg" alt="" />
+                                    <p>Connect your website and other social media to your Brancher account for influencers to see. Edit your bio and make your company profile unique. Let your creativity run wild!</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                     <class="btn btn-primary" data-dismiss="modal" type=""><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 3-->
+        <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Specialize</h2>
+                                    <p class="item-intro text-muted"></p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="" />
+                                    <p>This step is similar to the previous one. The only difference is this time you will be choosing the avenues you want to go down. On your brancher profile fill out the quick survey that enables us to search for the best influencers that can sponsor your product. If you are a makeup company you will be reccomended makeup artists. If you choose to specialize you will also be a hgiher priority for influencers. Specializing is completely option however we do reccomended it. </p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At?</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 4-->
+        <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Explore</h2>
+                                    <p class="item-intro text-muted"></p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="" />
+                                    <p>Once you have set up your company profile the way you would like, it is time to post your first sponsorship oppurtunity. When you post your brand deal you will be prompted to write a breif description of the terms of the agrrement you would like to have. If you are specialized than these oppurtnities will be promoted and presented to influencers in your industry. If you don't want to post a brand deal than be sure to look at the influencer profiles that are reccomended to you and contact them.</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email Us At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 5-->
+        <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Contact</h2>
+                                    <p class="item-intro text-muted">Talk With Influencers</p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="" />
+                                    <p>Whether you created your own brand deal post or found a post from an influencer, your next step is to contact the influencer. If you had your own post, than you can look at the those who applied or are interested. Each influencer has their social media accounts attached to their profile and those that are Brancher verified have already been background checked. You can directly contact Brancher to help out with the brand deal. Direct messaging is also available on the website.</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Modal 6-->
+        <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="" /></div>
+                    <div class="container">
+                        <div class="row justify-content-center">
+                            <div class="col-lg-8">
+                                <div class="modal-body">
+                                    <!-- Project Details Go Here-->
+                                    <h2 class="text-uppercase">Expand</h2>
+                                    <p class="item-intro text-muted">Keep At It!</p>
+                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/06-full.jpg" alt="" />
+                                    <p>The more influencers you talk to the larger your reach will grow! Social media is the future. If you want a successful business, promoting through influencers is the way to go. If you ever have any questions or need assistance feel free to talk directly to our team or use teh email below. Good luck!</p>
+                                    <ul class="list-inline">
+                                        <li>Have Any Questions?</li>
+                                        <li>Send Us An Email At:</li>
+                                        <li>BrancherCo@gmail.com</li>
+                                    </ul>
+                                    <button class="btn btn-primary" data-dismiss="modal" type="button"><i class="fas fa-times mr-1"></i>Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+{% endblock %}