Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bogdand2k patch 1 #1

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Bogdand2k patch 1 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
d84d809
Delete index.html
bogdand2k Apr 11, 2022
a0f1c86
Delete Background.jpg
bogdand2k Apr 11, 2022
1741a44
Delete css directory
bogdand2k Apr 11, 2022
3feb771
Add files via upload
bogdand2k Apr 11, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added background_fuel.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added background_fuel_1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added background_fuel_2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
76 changes: 0 additions & 76 deletions css/style.css
View file
Open in desktop

This file was deleted.

Binary file removed images/Background.jpg
View file
Open in desktop
Binary file not shown.
182 changes: 94 additions & 88 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,89 +1,95 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programmers Survey Form</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="heading">
<h1 id=title>Programmers Voice! Tell us your choice!</h1>
<p id="description">We love to know about which technology and tools software engineers are using world wide! Each and every Developers opinions are very precious to us!</p>
</div>
<div id="main">
<form id="survey-form">
<div id="input-fields">
<label id="name-label"><b>Name:</b></label>
<input id="name" type="name" name="name" class="form" required placeholder="Full Name"><br>
<br>
<label id="email-label"><b>Email:</b></label>
<input id="email" type="email" name="email" class="form" required placeholder="[email protected]"><br>
<br>
<label id="number-label"><b>Age:</b></label>
<input id="number" type="number" name="number" class="form" min="5" max="99" placeholder="12+">
</div>
<div id="dropdown-div"><br>
<label id="dropdown-label"><strong>Programming language you are expert at: </strong></label><br>
<select id="dropdown" name="code-lang" class="form">
<option value="C">C (Programming Language)</option>
<option value="Python">Python</option>
<option value="C#">C#</option>
<option value="php">PHP</option>
<option value="Js">Java Script</option>
<option value="Go">Go (Programming Language)</option>
<option value="ruby">Ruby on rails</option>
<option value="C++">C++</option>
<option value="Java">Java</option>
</select>
</div>
<div id="button-area">
<br>
<label id="job-label"><b>Employment Status:</b></label><br>
<input type="radio" class="radio-inline" name="gender" value="employed" checked> Full-time job holder.(Employed)<br>
<input type="radio" class="radio-inline" name="gender" value="freelancer"> Part-time job holder.(Freelancer)<br>
<input type="radio" class="radio-inline" name="gender" value="applier"> Looking for a job.(Applier)<br>
<input type="radio" class="radio-inline" name="gender" value="unemployed"> I am a student.(Unemployed)
</div>
<div id="button-area"><br>
<label id="os-label"><b>Operating system experience: </b></label><br>
<input type="checkbox" name="os1" value="windows" checked> I am experienced with Windows-OS<br>
<input type="checkbox" name="os2" value="linux"> I am experienced with Linux-OS<br>
<input type="checkbox" name="0s3" value="mac"> I am experienced with Mac-OS<br>
</div>

<div id="dropdown"><br><br>
<label id="dropdown-label"><strong>Programming language you wanna be expert: </strong></label><br>
<select id="dropdown" name="code-lang" class="form"><br><br>
<option value="C">C (Programming Language)</option>
<option value="Python">Python</option>
<option value="C#">C#</option>
<option value="php">PHP</option>
<option value="Js">Java Script</option>
<option value="Go">Go (Programming Language)</option>
<option value="ruby">Ruby on rails</option>
<option value="C++">C++</option>
<option value="Java">Java</option>
</select>
</div>
<div id="button-area"><br><br>
<label id="os-label"><b>Latest technology experience:</b></label><br>
<input type="checkbox" name="tech1" value="flutter"> Flutter UI<br>
<input type="checkbox" name="tech2" value="nodejs"> Node.js<br>
<input type="checkbox" name="tech3" value="tnflow"> Tensorflow<br>
<input type="checkbox" name="tech3" value="git"> Github<br>
<input type="checkbox" name="tech3" value="devops"> Dev-Ops<br>
</div>


<div id="ending"><br><br>
<label id="comments-label">Do you have any suggestion about this survey?</label><br>
<textarea style= height:120px;" class="form" placeholder="Please feel free to write a review..."></textarea><br><br>
<input id="submit" type="submit" class="form">
</div>
</form>
</div>

</body>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey form</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<header>
<h1 class="title" id="title">Transportation of the future</h1>
<p class="description" id="description">Light survey on type of vehicles used in the future</p>
</header>



<form id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name</label>
<input type="text" name="name" id="name" class="form-control" placeholder="Enter your name" required />
</div>


<div class="form-group">
<label for="email">Email</label>
<input type="email" name="name" id="email" class="form-control" placeholder="Enter your email" required />
</div>

<div class="form-group">
<label id="number-label" for="number">Age</label>
<input type="number" name="age" id="number" class="form-control" placeholder="Enter your Age" min="18" max="85"
required />
</div>

<div class="ceplm">
<p class="fueloption"> Which option do you think will power future cars?</p>
<select name="fuel" id="dropbox" class="form-control" required>
<option disabled selected value>Select yuor current preference</option>
<option value="student">Diesel</option>
<option value="job">Petrol</option>
<option value="learner">Full Electric</option>
<option value="preferNo">Mild Hibrid</option>
<option value="other">GPL</option>
<option value="other">CNG</option>
<option value="other">Other</option>
</select>
</div>

<div class="form-group">
<p class="electricoption">Would you buy an electric car in the future?</p>
<label>
<input name="user-recommend" value="definitely" type="radio" class="input-radio" checked />Definitely</label>

<label>
<input name="user-recommend" value="maybe" type="radio" class="input-radio" />Maybe</label>

<label><input name="user-recommend" value="not-sure" type="radio" class="input-radio" />Not sure</label>
</div>

<div class="form-group1">
<p>What would you like to see improved in future electric cars?
<span class="clue">(Check all that apply)</span></p>

<label class="label-radio"><input name="prefer" value="overall construction" type="checkbox"
class="input-checkbox" />Overall Construction</label>

<label class="label-radio"><input name="prefer" value="longer-range/autonomy" type="checkbox"
class="input-checkbox">Longer range/autonomy</label>

<label class="label-radio"><input name="prefer" value="lower-purchase-price" type="checkbox"
class="input-checkbox">Lower purchaseprice</label>

<label class="label-radio">
<input name="prefer" value="attractive-design" type="checkbox" class="input-checkbox" />
<span class="text">Attractive design</div>
</label>
</div>

<div class="form-group">
<p>What's you comment on future transportation?</p>
<textarea id="comments" class="input-textarea" name="comment" placeholder="Enter your comment here..."></textarea>
</div>

<div class="form-group">
<button type="submit" id="submit" class="submit-button">
Submit
</button>
</form>

</body>

</html>
Loading