Voting App

Developer
Matheus
Size
2,012 Kb
Views
38,456
  1. Voting App Previews
  2. Voting App HTML Codes
  3. Voting App CSS Codes

How do I make an voting app?

What is a voting app? How do you make a voting app? This script and codes were developed by Matheus on 03 September 2022, Saturday.

Voting App Previews
IQ Test

Voting App - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Voting App</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Bungee" rel="stylesheet">
<div id="Header"> <div id="headerTitle"> <h1> Voting App </h1> <img id="votingIcon" src="https://d30y9cdsu7xlg0.cloudfront.net/png/79294-200.png"> </div> <div id="headerLogin"> <div id="inputField"> <form> User name: <input type="text" name="userName" ng-model="user.name" required> Password: <input type="text" name="userKey" ng-model="user.key" required> <button class="headerBtn" id="loginButton" ng-click="loginFunc()">Login</button> </form> <div class="headerBtn" id="registerLink"> <a target="_blank" href="www.9gag.com"> Register</a> </div> </div> </div>
</div>
<!--
<button class="headerBtn" id="newBtn"> New Poll </button> <button class="headerBtn" id="myBtn"> My Polls </button>
</body>
</html>

Voting App - Script Codes CSS Codes

#headerTitle{ text-align: center; background-color: #ff6600; width: 100%; height: 150px; margin: auto;
}
#votingIcon{ display: inline-block; width: 100px; height: 100px;
}
h1{ font-family: 'Bungee', cursive; font-size: 80px; position: relative; bottom: 20px; display: inline-block;
}
#headerLogin{ background-color: #ff8533; height: 80px; width: 100%;
}
#inputBtns{ position: relative; display:inline-block;
}
.headerBtn{ background-color: #662900; color: black; font-family: 'Bungee', cursive; border: none; height: 40px; width: 100px; display:inline-block;
}
.headerBtn:hover{ cursor: pointer;
}
form{ font-family: 'Bungee', cursive; position: relative; top: 20px; display:inline-block;
}
#registerLink{ position: relative; top: 10px; text-align: center;
}
a{ font-family: 'Bungee', cursive; color: black; text-align: center; position: relative; top: 10px;
}
Voting App - Script Codes
Voting App - Script Codes
Home Page Home
Developer Matheus
Username MatheusLima92
Uploaded September 03, 2022
Rating 3
Size 2,012 Kb
Views 38,456
Do you need developer help for Voting App?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Matheus (MatheusLima92) Script Codes
Name
Tic-Tac-Toe Game - v3
Test environment
VotingApp - Authenticated
Camper LeaderBoard
Alumni ECA
Voting App - register
Recipe Box
Tic-Tac-Toe Game - Jquery
Game of Life
Wikipedia viewer
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!