Call: 123-456-7890 Email: dnnvista@gmail.com
Our mission is to Inspire, Value and Demonstrate Integrity while building relationships.
Carousel
Meet Our Team
Chef Executive Officer
Web Developer
Marketing Officer
Web Designer
</> Get The Code:
<div id="meetOurTeam"> <div class="row DVPadding titlediv"> <p class="TitleClass"> Meet Our <span>Team</span></p> <span class="SubTitleClass BottomPadding">Lorem ipsum dolor sit amet, dolore eiusmod a filler text</span> </div> <div class="row slider carouselMOT"> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageB" src="/Portals/_default/Skins/Dvista/Images/team/team1.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a href="#"> <em class="fa fa-facebook fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-linkedin fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-twitter fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-skype fa-2x SocialColor"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2 class="TeamName"> Margarete Taylor </h2> <p class="TeamIdentity">Chef Executive Officer </p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/team/team2.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a href="#"> <em class="fa fa-facebook fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-linkedin fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-twitter fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-skype fa-2x SocialColor"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2 class="TeamName"> William James </h2> <p class="TeamIdentity">Web Developer</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageC" src="/Portals/_default/Skins/Dvista/Images/team/team3.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a href="#"> <em class="fa fa-facebook fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-linkedin fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-twitter fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-skype fa-2x SocialColor"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2 class="TeamName"> Alexander Ethan </h2> <p class="TeamIdentity">Marketing Officer</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageC" src="/Portals/_default/Skins/Dvista/Images/team/team4.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a href="#"> <em class="fa fa-facebook fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-linkedin fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-twitter fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-skype fa-2x SocialColor"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2 class="TeamName"> Radha Bhama </h2> <p class="TeamIdentity">Web Developer</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageC" src="/Portals/_default/Skins/Dvista/Images/team/team5.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a href="#"> <em class="fa fa-facebook fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-linkedin fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-twitter fa-2x SocialColor"></em></a> <a href="#"><em class="fa fa-skype fa-2x SocialColor"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2 class="TeamName"> Gavin Aiden </h2> <p class="TeamIdentity">Web Designer </p> </div> </div> </div> </div>
Recent Works
Web , Creative
Web Design
<div id="recentWorks"> <div class="Parallex" style="background-image: url(/portals/_default/skins/Dvista/images/full-width.jpg); background-attachment: fixed; background-color: #17b495; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"> <div class="recentWorksPad"> <div class="row DVPadding titlediv"> <p class="TitleClass"> Recent<span> Works</span></p> <span class="SubTitleClass" style="padding-bottom: 20px;">Lorem ipsum dolor sit amet, dolore eiusmod a filler text nibh urna, euismod </span> </div> <div class="slider carouselRW"> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/DnnImage01.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a class="zoom" href="#"><em class="fa fa-plus"></em></a> <a class="link" href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2>Lorem ipsum dolor sit.</h2> <p>Web , Creative</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/DnnImage02.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a class="zoom" href="#"><em class="fa fa-plus"></em></a> <a class="link" href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2>Lorem ipsum dolor sit.</h2> <p>Web , Creative</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/DnnImage03.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a class="zoom" href="#"><em class="fa fa-plus"></em></a> <a class="link" href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2>Lorem ipsum dolor sit.</h2> <p>Web , Creative</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/DnnImage04.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a class="zoom" href="#"><em class="fa fa-plus"></em></a> <a class="link" href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2>Lorem ipsum dolor sit.</h2> <p>Web , Creative</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/DnnImage05.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a class="zoom" href="#"><em class="fa fa-plus"></em></a> <a class="link" href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2>Lorem ipsum dolor sit</h2> <p>Web Design</p> </div> </div> <div> <div class="project-gal"> <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Dvista/Images/DnnImage02.jpg" /> <div class="overlay-folio"> <div class="hover-box"> <div class="hover-zoom"> <a class="zoom" href="#"><em class="fa fa-plus"></em></a> <a class="link" href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="project-info"> <h2>Lorem ipsum dolor sit.</h2> <p>Web , Creative</p> </div> </div> </div> </div> </div> </div>
Photo Gallery
<div id="meetOurTeam"> <div class="row DVPadding titlediv"> <p class="TitleClass"> Photo <span>Gallery</span></p> <span class="SubTitleClass BottomPadding">Lorem ipsum dolor sit amet, dolore eiusmod a filler text</span> </div> <div class="Carousel" style="margin-bottom: 40px;"> <ul id="flexiselDemo3"> <li><img alt="" src="/Portals/_default/Skins/Dvista/images/full/001.jpg" /></li> <li><img alt="" src="/Portals/_default/Skins/Dvista/images/full/002.jpg" /></li> <li><img alt="" src="/Portals/_default/Skins/Dvista/images/full/003.jpg" /></li> <li><img alt="" src="/Portals/_default/Skins/Dvista/images/full/004.jpg" /></li> <li><img alt="" src="/Portals/_default/Skins/Dvista/images/full/003.jpg" /></li> </ul> </div> </div>