<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Image Survey HTML Form by templatemo</title>
<!-- load CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/materialize.min.css">
<!-- https://materializecss.com -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- https://getbootstrap.com/ -->
<link rel="stylesheet" href="css/all.min.css">
<!-- https://fontawesome.com/ -->
<link rel="stylesheet" href="css/templatemo-style.css">
<!-- Template Mo style -->
<!--
Image Survey Form Template
https://templatemo.com/tm-523-image-survey
-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-7">
<i class="far fa-comments fa-5x tm-site-icon"></i>
<h1 class="tm-site-name">Image Survey</h1>
</div>
<div class="col-sm-12 col-md-5 mt-md-0 mt-5">
<div class="tm-site-header-right-col">
<a href="#" class="btn btn-primary">Contact Us</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="tm-parallax"></div>
</div>
</div>
<div class="row">
<div class="tm-intro">
<div class="col-sm-12 col-md-8 mb-md-0 mb-4 tm-intro-left">
<p class="mb-0">This survey form HTML template provides answer choices with different images.
You can feel free to modify and use it for your data collection projects or websites.
All images used in this page are from <a href="https://unsplash.com">Unsplash</a>.
You are not allowed to re-post this template on your template sites as a download zip file.
You can put a screenshot and a link back to <a rel="nofollow" href="https://templatemo.com">templatemo</a> site. Thank you.</p>
</div>
<div class="col-sm-12 col-md-4">
<em>
<p class="tm-highlight">“Your Opinion Matters”</p>
</em>
</div>
</div>
<div class="col-12">
<hr>
</div>
</div>
<form action="" method="post">
<div class="row">
<div class="col-12">
<h2 class="tm-question-header">Question 1</h2>
<p>Fusce feugiat, est dignissim feugiat dapibus, arcu lacus varius dolor, vel auctor odio lectus
sed diam. Ut gravida tristique lacus, sed molestie tellus faucibus non.</p>
<div class="tm-q-choice-container">
<label class="tm-q-choice">
<div class="mb-3">
<input class="tm-radio-group-1 with-gap" name="q1" type="radio" value="q1_a1" />
<span>A. Pellentesque quis matus</span>
</div>
<img src="img/img-3x2-1.jpg" alt="Image">
</label>
<label class="tm-q-choice">
<div class="mb-3">
<input class="tm-radio-group-1 with-gap" name="q1" type="radio" value="q1_a2" />
<span>B. Morbi faucibus tellus</span>
</div>
<img src="img/img-3x2-2.jpg" alt="Image">
</label>
<label class="tm-q-choice">
<div class="mb-3">
<input class="tm-radio-group-1 with-gap" name="q1" type="radio" value="q1_a3" />
<span>C. Ut ullamcorper orci eget</span>
</div>
<img src="img/img-3x2-3.jpg" alt="Image">
</label>
<label class="tm-q-choice">
<div class="mb-3">
<input class="tm-radio-group-1 with-gap" name="q1" type="radio" value="q1_a4" />
<span>D. Sed nec faucibus ex</span>
</div>
<img src="img/img-3x2-4.jpg" alt="Image">
</label>
<label class="tm-q-choice">
<div class="mb-3">
<input class="tm-radio-group-1 with-gap" name="q1" type="radio" value="q1_a5" />
<span>E. Maecenas pretium</span>
</div>
<img src="img/img-3x2-5.jpg" alt="Image">
</label>
</div>
</div> <!-- col-12 -->
<div class="col-12">
<hr>
</div>
<div class="col-12">
<h2 class="tm-question-header tm-question-header-mt">Question 2</h2>
<p>Aliquam blandit eros eget sollicitudin venenatis. Maecenas sagittis dui id neque convallis
scelerisque. Nullam lobortis ex nibh, id fringilla arcu varius at. Morbi tincidunt dignissim
ante id aliquet.</p>
<div class="tm-q-choice-container">
<label class="tm-q-choice tm-q-choice-2-col">
<div class="mb-3">
<input type="checkbox" name="q2[]" class="filled-in tm-checkbox" value="q2_a1" />
<span>Option 1</span>
</div>
<img src="img/img-1x1-1.jpg" alt="Image" class="img-fluid">
</label>
<label class="tm-q-choice tm-q-choice-2-col">
<div class="mb-3">
<input type="checkbox" name="q2[]" class="filled-in tm-checkbox" value="q2_a2" />
<span>Option 2</span>
</div>
<img src="img/img-1x1-2.jpg" alt="Image" class="img-fluid">
</label>
<label class="tm-q-choice tm-q-choice-2-col">
<div class="mb-3">
<input type="checkbox" name="q2[]" class="filled-in tm-checkbox" value="q2_a3" />
<span>Option 3</span>
</div>
<img src="img/img-1x1-3.jpg" alt="Image" class="img-fluid">
</label>
<label class="tm-q-choice tm-q-choice-2-col">
<div class="mb-3">
<input type="checkbox" name="q2[]" class="filled-in tm-checkbox" value="q2_a4" />
<span>Option 4</span>
</div>
<img src="img/img-1x1-4.jpg" alt="Image" class="img-fluid">
</label>
<label class="tm-q-choice tm-q-choice-2-col">
<div class="mb-3">
<input type="checkbox" name="q2[]" class="filled-in tm-checkbox" value="q2_a5" />
<span>Option 5</span>
</div>
作品展示&图片展示HTML源码-图片列表展示响应式网页模板-适配移动端.zip
版权申诉
39 浏览量
2024-03-26
09:52:37
上传
评论
收藏 1.66MB ZIP 举报
作品展示&图片展示HTML源码-图片列表展示响应式网页模板-适配移动端.zip （38个子文件） 
作品展示&图片展示HTML源码-图片列表展示响应式网页模板-适配移动端 html js 
jquery-3.3.1.min.js 85KB materialize.min.js 177KB webfonts fa-brands-400.woff 75KB fa-brands-400.ttf 116KB
fa-brands-400.svg 633KB fa-solid-900.woff 85KB fa-solid-900.eot 176KB fa-solid-900.ttf 176KB fa-brands-400.woff2 64KB fa-regular-400.woff2 15KB fa-brands-400.eot 116KB fa-regular-400.eot 40KB fa-regular-400.woff 18KB fa-regular-400.svg 139KB fa-regular-400.ttf 39KB fa-solid-900.woff2 66KB fa-solid-900.svg 665KB img 
img-2x3-2.jpg 24KB img-3x2-1.jpg 32KB img-3x2-2.jpg 15KB img-3x2-5.jpg 26KB img-3x2-3.jpg 30KB img-1x1-3.jpg 16KB img-2x3-1.jpg 26KB img-2x3-5.jpg 6KB img-1x1-2.jpg 10KB img-1x1-4.jpg 12KB img-2x3-3.jpg 15KB img-2x3-4.jpg 18KB survey.jpg 184KB img-1x1-1.jpg 12KB img-1x1-5.jpg 12KB img-3x2-4.jpg 16KB css bootstrap.min.css 138KB materialize.min.css 139KB templatemo-style.css 6KB all.min.css 48KB
index.html 17KB资源评论
DTcode7
- 粉丝: 7794
- 资源: 4581
