Набор пошаговых форм и опросов - Fimro / Формы / Сниппеты Bootstrap

Версия: v1.0

Каталог: Сниппеты Bootstrap

Категория: Формы

Bootstrap: 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP

Язык: Английский

Вес файла: 0.5 Kb

Уникальный ID: 6248

Количество символов:

Посмотрели: 429 раз

Помощь: установка & настройка

Прикреплён файл №1: /_sf/62/6248.html

Прикреплён файл №2: /stuff/0-0-0-6248-20

Скачали бесплатно: 28 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 1 голосов

Тип лицензии: CC BY 4.0

Авторство: https://templates.seekviral.com/fimro/

Информация: Пользователям

Информация: Правообладателям

Теги: quiz, bootstrap 5, пошаговые формы, пошаговая форма, набор форм, формы, Form

Поделился: BootstrapТема

Добавлено: 2024-04-25 в 19:53

Метка: 1714064001

⇄ ⇅

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<title>Document</title>

<link rel="stylesheet" href="/snippets/form/2024/Fimro/bootstrap.min.css"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>

<link rel="stylesheet" href="/snippets/form/2024/Fimro/style.css"/>

<link rel="stylesheet" href="/snippets/form/2024/Fimro/animation.css"/>

<link rel="stylesheet" href="/snippets/form/2024/Fimro/responsive.css"/>
 </head>

<body>
 <main class="overflow-hidden">
 <div class="logo">
 <div class="logo-icon">
 <img src="/snippets/form/2024/Fimro/icon.png" alt="BeRifma">
 </div>
 <div class="logo-text">
 Fimro.
 </div>
 </div>
 <div class="container">
 <div class="wrapper">
 <div class="row">
 <div class="c-order tab-sm-100 col-md-6 order_c">
 
 
 <div class="left">
 <div class="authorPic">
 <div class="author">
 <img src="/snippets/form/2024/Fimro/author.png" alt="author">
 </div>
 <div class="shapes">
 <div class="shapeSingle"></div>
 <div class="shapeSingle"></div>
 <div class="shapeSingle"></div>
 </div>
 <div class="chart">
 <img src="/snippets/form/2024/Fimro/chart.jpg" alt="chart">
 </div>
 </div>

<article>
 <h1>Flexible Solutions Best Business.</h1>
 <p>
 Everyone has the right to freedom of thought, conscience and religion
 right includes freedom to change his religion
 </p>
 </article>
 
 </div>
 </div>
 <div class="tab-sm-100 col-md-6">
 <div class="right">
 
 
 <form id="steps" method="post" enctype="multipart/form-data">
 
 
 <div id="step1" class="form-inner lightSpeedIn">
 <div class="input-field">
 <label><i class="fa-regular fa-user"></i>Name <span>*</span></label>
 <input required type="text" name="name" id="mail-name" placeholder="Type Name">
 <span></span>
 </div>
 <div class="input-field">
 <label for="company"><i class="fa-regular fa-paper-plane"></i>Company <span>*</span></label>
 <input required type="text" name="company" id="company" placeholder="Type company name">
 <span></span>
 </div>
 <div class="input-field">
 <label for="phone"><i class="fa-solid fa-phone"></i>Phone <span>*</span></label>
 <input type="text" name="phone" id="phone" placeholder="Type Phone Number">
 <span></span>
 </div>
 <div class="input-field">
 <label><i class="fa-regular fa-envelope"></i>Email Address <span>*</span></label>
 <input required type="text" name="mail" id="mail-email" placeholder="Type email address">
 <span></span>
 </div>
 <div class="input-field">
 <label for="message"><i class="fa-solid fa-message"></i>How can we help <span>*</span></label>
 <input type="text" name="message" id="message" placeholder="A brief Description here">
 <span></span>
 </div>
 <div class="check-field">
 <label><i class="fa-regular fa-user"></i>Services <span>*</span></label>
 <div class="row">
 <div class="tab-100 col-md-6">
 <div class="check-single">
 <input type="checkbox" name="service" value="paid media" checked>
 <label>Paid Media</label>
 </div>
 <div class="check-single">
 <input type="checkbox" name="service" value="Digital experience">
 <label>Digital experience</label>
 </div>
 <div class="check-single">
 <input type="checkbox" name="service" value="Email">
 <label>Email</label>
 </div>
 </div>
 <div class="tab-100 col-md-6">
 <div class="check-single">
 <input type="checkbox" name="service" value="Content Creation">
 <label>Content Creation</label>
 </div>
 <div class="check-single">
 <input type="checkbox" name="service" value="Strategy & Consulting">
 <label>Strategy & Consulting</label>
 </div>
 <div class="check-single">
 <input type="checkbox" name="service" value="Other">
 <label>Other</label>
 </div>
 </div>
 </div>
 </div>
 </div>
 
 
 <div class="submit">
 <button type="button" id="sub">Send Message<span><i class="fa-solid fa-thumbs-up"></i></span></button>
 </div>
 </form>
 </div>
 </div>
 </div>
 </div>
 </div>
 <div class="left-shape">
 <img src="/snippets/form/2024/Fimro/top-left.png" alt="">
 </div>
 <div class="right-shape">
 <img src="/snippets/form/2024/Fimro/top-right.png" alt="">
 </div>
 
 </main>

<script src="/snippets/form/2024/Fimro/bootstrap.min.js"></script>

<script src="/snippets/form/2024/Fimro/jquery-3.7.0.min.js"></script>

<script src="/snippets/form/2024/Fimro/custom.js"></script>
 </body>
</html>

BootstrapTema

Набор пошаговых форм и опросов - Fimro

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0