This tutorial also includes a downloadable Project With Source Code for free, just find the downloadable source code below and click to start downloading.
- Step 1: Create a folder.
First, create a folder and named it.
- Step 2: Open the folder in “Sublime Text”.
Second ,after creating a folder, open it in “sublime text“.
- Step 3: Create a html file.
Third, create a “html” file and save it as “index.html“
- Step 4: Create a css file.
Fourth, create a “css” file and save it as “style.css“
The Code Given Below Is For The HTML File
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<nav class="navabar navbar-default" style="background-color: skyblue">
<a style="color: white" class="navbar-brand" href="https://itsourcecode.com">IT SOURCECODE</a>
<div class="col-md-6 well" style="background-color: gray">
<hr style="border-top:1px dotted;"/>
<div class="form-group" id="data">
<input type="number" placeholder="Enter a number" class="form-control grade" min="0" max="100"/>
<center><button class="btn btn-primary" id="calculate"><span class="glyphicon glyphicon-credit-card"></span> Calculate</button> <button class="btn btn-success" id="reset"><span class="glyphicon glyphicon-refresh"></span> Reset</button> <button class="btn btn-warning" id="add"><span class="glyphicon glyphicon-plus"></span> Add</button></center>
In this file which is the html file of the project system.
Run Quick Virus Scan for secure DownloadRun Quick Scan for secure Download
Downloadable Source Code