templates/home/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body_style %}style="background: #f4f1eb;"{% endblock %}
  3. {% block body %}
  4.     <nav class="navbar navbar-light navbar-expand-md" style="padding: 80px 60px;background: #d2b530;">
  5.         <div class="container-fluid"><a class="navbar-brand" href="#">Brand</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
  6.             <div class="collapse navbar-collapse" id="navcol-1">
  7.                 <ul class="navbar-nav ms-auto">
  8.                     <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
  9.                     <li class="nav-item"><a class="nav-link" href="weddings.html">Weddings</a></li>
  10.                     <li class="nav-item"><a class="nav-link active" href="#">Contact</a></li>
  11.                     <li class="nav-item"><a class="nav-link" href="#">NFT</a></li>
  12.                 </ul>
  13.             </div>
  14.         </div>
  15.     </nav>
  16.     <div class="container pt-5">
  17.         <div class="row pb-5">
  18.             <div class="col-md-6 my-auto" style="height: 100%;"><img class="px-5" src="https://picsum.photos/200/200?random=3"><img class="ps-5" src="https://picsum.photos/150/700?random=2"></div>
  19.             <div class="col-md-6">
  20.                 <h1 class="display-6" style="font-style: italic;text-decoration: underline;font-family: 'Badr LT';font-weight: bold;">Heading</h1>
  21.                 <p class="pb-5" style="font-family: 'Badr LT';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit aliquam risus eu maximus. Quisque a sapien eros. Nunc nibh libero, dictum eget arcu eu, aliquam ullamcorper risus. Duis enim magna, sodales in imperdiet ut, malesuada vitae massa.&nbsp;<br><br>&nbsp;Integer nec dolor vel libero consectetur lobortis vel ut sapien.Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras porta in sem a ullamcorper. Mauris nibh libero, luctus egestas tempus id, dictum ac elit. Ut pulvinar, metus vel tincidunt posuere, velit arcu tristique mi, quis ultricies lectus mi vitae justo. Nunc a magna euismod, ultricies est quis, semper sapien. Nullam aliquam, quam ac placerat commodo, ex sapien sollicitudin sapien, ac aliquet nulla turpis quis libero. Suspendisse quis enim pharetra, eleifend dui eget, tincidunt sapien. Morbi feugiat ullamcorper suscipit.Pellentesque convallis non leo sit amet volutpat. <br><br>Sed ac est dignissim, dignissim ante eget, euismod nisi. Mauris sodales, orci eu dictum bibendum, mauris ante interdum leo, vel malesuada felis lorem vitae tortor. Maecenas porttitor ultricies suscipit. Sed aliquet nunc arcu, nec varius dolor accumsan vehicula.&nbsp;</p><img class="px-3" src="https://picsum.photos/200/300?random=4"><img class="px-3" src="https://picsum.photos/300/200?random=1">
  22.             </div>
  23.         </div>
  24.         <div class="row pb-5">
  25.             <div class="col-md-6 col-xl-4 my-auto" style="height: 100%;">
  26.                 <p style="font-family: 'Badr LT';font-style: italic;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam blandit aliquam risus eu maximus. Quisque a sapien eros. Nunc nibh libero, dictum eget arcu eu, aliquam ullamcorper risus. Duis enim magna, sodales in imperdiet ut, malesuada vitae massa. Ut ut orci vel leo placerat venenatis quis id sem. Mauris laoreet enim elit, vitae vulputate orci pellentesque congue. Donec cursus mauris at dolor venenatis hendrerit. Suspendisse maximus facilisis mauris, in facilisis orci dignissim in. Ut sed lacus magna. Mauris lorem neque, malesuada nec dignissim sit amet, convallis ullamcorper magna.&nbsp;</p>
  27.             </div>
  28.             <div class="col my-auto h-100"><img class="px-5" src="https://picsum.photos/200/200?random=11"><img src="https://picsum.photos/300/200?random=12"></div>
  29.         </div>
  30.     </div>
  31.     <section class="getintouch">
  32.         <div class="container modern-form">
  33.             <div class="text-center">
  34.                 <h4 style="color: #212529;font-size: 45px;font-family: Mogena;font-style: italic;font-weight: bold;text-decoration:  underline;">Get in touch</h4>
  35.             </div>
  36.             <div class="modern-form__form-container">
  37.                 <form>
  38.                     <div class="row">
  39.                         <div class="col col-contact">
  40.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Your Full Name *">
  41.                                 <div class="line-box">
  42.                                     <div class="line"></div>
  43.                                 </div>
  44.                             </div>
  45.                         </div>
  46.                         <div class="col col-contact">
  47.                             <div class="modern-form__form-group--padding-l form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Your Partners Full Name *">
  48.                                 <div class="line-box">
  49.                                     <div class="line"></div>
  50.                                 </div>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                     <div class="row">
  55.                         <div class="col-xl-6 col-contact">
  56.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Email *">
  57.                                 <div class="line-box">
  58.                                     <div class="line"></div>
  59.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                     </div>
  63.                     <div class="row">
  64.                         <div class="col col-contact">
  65.                             <div class="modern-form__form-group--padding-l form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Event/Shoot Type *">
  66.                                 <div class="line-box">
  67.                                     <div class="line"></div>
  68.                                 </div>
  69.                             </div>
  70.                         </div>
  71.                         <div class="col col-contact">
  72.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" placeholder="Event Date *" type="date">
  73.                                 <div class="line-box">
  74.                                     <div class="line"></div>
  75.                                 </div>
  76.                             </div>
  77.                         </div>
  78.                     </div>
  79.                     <div class="row">
  80.                         <div class="col col-contact offset-6">
  81.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Estimated Photography Budget (Ex. 8500€) *">
  82.                                 <div class="line-box">
  83.                                     <div class="line"></div>
  84.                                 </div>
  85.                             </div>
  86.                         </div>
  87.                     </div>
  88.                     <div class="row">
  89.                         <div class="col col-contact offset-6">
  90.                             <div class="modern-form__form-group--padding-l form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Event/Shoot Location *">
  91.                                 <div class="line-box">
  92.                                     <div class="line"></div>
  93.                                 </div>
  94.                             </div>
  95.                         </div>
  96.                     </div>
  97.                     <div class="row">
  98.                         <div class="col col-contact offset-6">
  99.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Wedding Planner (if applicable)">
  100.                                 <div class="line-box">
  101.                                     <div class="line"></div>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                     <div class="row">
  107.                         <div class="col col-contact offset-6">
  108.                             <div class="modern-form__form-group--padding-l form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Estimated Guest Count">
  109.                                 <div class="line-box">
  110.                                     <div class="line"></div>
  111.                                 </div>
  112.                             </div>
  113.                         </div>
  114.                     </div>
  115.                     <div class="row">
  116.                         <div class="col col-contact">
  117.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="How did you find me?">
  118.                                 <div class="line-box">
  119.                                     <div class="line"></div>
  120.                                 </div>
  121.                             </div>
  122.                         </div>
  123.                     </div>
  124.                     <div class="row">
  125.                         <div class="col col-contact">
  126.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="What drew you to my work?">
  127.                                 <div class="line-box">
  128.                                     <div class="line"></div>
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                     <div class="row">
  134.                         <div class="col col-contact">
  135.                             <div class="modern-form__form-group--padding-r form-group mb-3"><input class="form-control input input-tr" type="text" placeholder="Domanda stupida">
  136.                                 <div class="line-box">
  137.                                     <div class="line"></div>
  138.                                 </div>
  139.                             </div>
  140.                         </div>
  141.                     </div>
  142.                     <div class="row">
  143.                         <div class="col">
  144.                             <div class="modern-form__form-group--padding-t form-group mb-3"><textarea class="form-control input modern-form__form-control--textarea" placeholder="Tell me a little bit about yourself, your story, and your hopes for your shoot or celebration"></textarea>
  145.                                 <div class="line-box">
  146.                                     <div class="line"></div>
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  151.                     <div class="row">
  152.                         <div class="col text-end"><button class="btn btn-primary submit-now" type="submit">Submit Now</button></div>
  153.                     </div>
  154.                 </form>
  155.             </div>
  156.         </div>
  157.     </section>
  158. {% endblock %}