<html>
<head>
<title>Online Compiler</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>
.navbar-inverse {
background-color: #122928;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.active {
background-color: #4CAF50;
}
</style>
<body >
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"></a>
</div>
<ul class="nav navbar-bav">
<li><a href="#">Home</a></li>
<li><a href="#">My profile</a></li>
<li><a href="#">compiler</a></li>
<li><a href="#">Lederboad</a></li>
<li><a href="#">learn</a></li>
</ul>
</div>
</nav>
<div class="container">
<label for="lang">Select Language:</label>
<select name="lang" id="lang">
<option value="11">C </option>
<option value="27">C# </option>
<option value="1" selected="selected">C++ (gcc-4.3.4)</option>
<option value="44">C++</option>
<option value="10">Java </option>
<option value="29">PHP </option>
<option value="4">Python </option>
<option value="17">Ruby </option>
<option value="40">SQL </option>
</select>
</div>
<div>
<label for="source">Source Code:</label>
<textarea cols="40" rows="10" name="source" id="source"></textarea>
</div>
<div>
<label for="input">Input: <span class="description">(Data that will be given to the program on the stdin.)</span></label>
<textarea cols="40" rows="3" name="input" id="input"></textarea>
</div>
<div>
<input type="submit" name="submit" value="Submit" />
</div>
</body>
</html>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.