Index.php <?php 
session_start(); include("dbconnection.php"); include("checklogin.php"); check_login(); if(isset($_POST['submit'])) { 
$name=$_POST['name']; 
$email=$_POST['email']; 
$contproductt=$_POST['contproductt']; 
$company=$_POST['company']; 
$wdd=$_POST['wdnd']; 
$seo=$_POST['seo']; 
$swd=$_POST['swd']; 
$fwd=$_POST['fwd']; 
$whs=$_POST['whs']; 
$ed=$_POST['ed']; 
$opi=$_POST['opi']; 
$dba=$_POST['dba']; 
$nd=$_POST['nd']; 
$cms=$_POST['cms']; 
$smo=$_POST['smo']; 
$dwd=$_POST['dwd']; 
$dr=$_POST['dr']; 
$wm=$_POST['wm']; 
$wta=$_POST['wta']; 
$ld=$_POST['ld']; 
$osc=$_POST['osc']; 
$other=$_POST['other']; $query=$_POST['query']; 
$pd=date('Y-m-d'); 
	mysql_query("insert 	into 
prequest(name,email,contproducttno,company,wdd,cms,seo,smo,swd,dwd,fwd,dr,whs,wm,ed,wt a,opi,ld,da,osc,nd,others,query,posting_date) values('$name','$email','$contproductt','$company','$wdd','$cms','$seo','$smo','$swd','$dwd','$fwd ','$dr','$whs','$wm','$ed','$wta','$opi','$ld','$dba','$osc','$nd','$other','$query','$pd')"); 
$_SESSION['msg']="Query Send"; 
} 
?>
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
<meta charset="utf-8" /> 
<title>CRM | Request Quote</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
<meta content="" name="description" /> 
<meta content="" name="author" /> 
 
<link href="assets/plugins/pproducte/pproducte-theme-flash.css" rel="stylesheet" type="text/css" media="screen"/> 
<link href="assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
<link 	href="assets/plugins/boostrapv3/css/bootstrap-theme.min.css" type="text/css"/> 	rel="stylesheet" 
<link 	href="assets/plugins/font-awesome/css/font-awesome.css" type="text/css"/> 
<link href="assets/css/animate.min.css" rel="stylesheet" type="text/css"/> 	rel="stylesheet" 
<link 	href="assets/plugins/jquery-scrollbar/jquery.scrollbar.css" 	rel="stylesheet" 
type="text/css"/> 
<link href="assets/css/style.css" rel="stylesheet" type="text/css"/> 
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css"/> 
<link href="assets/css/custom-icon-set.css" rel="stylesheet" type="text/css"/> 
</head> 
<body class=""> 
<?php include("header.php");?> 
<div class="page-container row-fluid"> 
<?php include("leftbar.php");?> 
<div class="clearfix"></div> 
<!-- END SIDEBAR MENU --> 
</div> 
</div> 
<a href="#" class="scrollup">Scroll</a> 
<div class="footer-widget"> 
<div class="progress transparent progress-small no-radius no-margin"> 
<div data-percentage="79%" class="progress-bar progress-bar-success animate-progress-bar" 
></div> 
</div> 
<div class="pull-right"> 
</div> 
</div> 
<!-- END SIDEBAR --> 
<!-- BEGIN PAGE CONTAINER--> 
<div class="page-content"> 
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> 
<div id="portlet-config" class="modal hide"> 
<div class="modal-header"> 
<button data-dismiss="modal" class="close" type="button"></button> 
<h3>Widget Settings</h3> 
</div> 
<div class="modal-body"> Widget settings form goes here </div> 
</div> 
<div class="clearfix"></div> 
<div class="content"> 
<div class="page-title"> 
<h3>Request a Quote</h3> 
 
 
<div class="row"> 
<div class="col-md-12"> 
 
<form class="form-horizontal" method="post" enctype="multipart/form-data"> <div class="panel panel-default"> 
 
	<p 	style="color:#F00;"><?php 	echo 	$_SESSION['msg'];?><?php 	echo 
$_SESSION['msg']="";?></p> 
<div class="panel-body"> 
<p>Please click below mention services of your interest to receive quotation for the same:</p> </div> 
<div class="panel-body"> 
 
<div class="row"> 
 
<div class="col-md-6"> 
 
<div class="form-group"> 
<label class="col-md-3 control-label">Name </label> 
<div class="col-md-9"> 
<div class="input-group"> 
<span class="input-group-addon"><span class="fafa-pencil"></span></span> 
<input type="text" name="name" class="form-control" required/> 
</div> 
 
</div> 
</div> 
 
<div class="form-group"> 
<label class="col-md-3 control-label">Contproductt no</label> 
<div class="col-md-9 col-xs-12"> 
<div class="input-group"> 
<span class="input-group-addon"><span class="fafa-pencil"></span></span> 
<input type="text" name="contproductt" class="form-control" required/> 
</div> 
</div> 
</div> 
 
 
 
<div class="form-group"> 
<label class="col-md-3 control-label">Service Required :</label> 
<div class="col-md-9"> 
<label class="check"> 
	<input 	type="checkbox" 	class="icheckbox" 	name="wdnd" 	value="Website 	Design 	& 
Development" checked="checked"/> Website Design & Development</label><br> 
<label class="check"> 
	<input 	type="checkbox" 	class="icheckbox" 	name="seo" 	value="SEO 	(Search 	Engine 
	Optimization)" />SEO (Search Engine Optimization) 	</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="swd" value="Static Website Design" /> 
Static Website Design</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="fwd" value="Flash Website Development" /> Flash Website Development</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="whs" value="Web Hosting Services" /> Web 
Hosting Services</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="ed"  value="Ecommerce Development"/> 
Ecommerce Development</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="opi" value="Online Payment Integration" /> 
Online Payment Integration</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="dba" value="Dash board Application" /> 
Dash board Application</label><br> 
<label class="check"> 
<input 	type="checkbox" 	class="icheckbox" 	name="nd" 	value="NewsLetter 	Design" />NewsLetter Design</label> 
 
 
</div> 
</div> 
 
 
 
</div> 
<div class="col-md-6"> 
 
<div class="form-group"> 
<label class="col-md-3 control-label">Email</label> 
<div class="col-md-9"> 
<div class="input-group"> 
<span class="input-group-addon"><span class="fafa-pencil"></span></span> 
<input type="email" name="email" class="form-control datepicker" value="" required> </div> 
 
</div> 
</div> 
 
<div class="form-group"> 
<label class="col-md-3 control-label">Company</label> 
<div class="col-md-9"> 
<div class="input-group"> 
<span class="input-group-addon"><span class="fafa-pencil"></span></span> 
<input type="text" name="company" class="form-control datepicker" value="" required> </div> 
 
</div> 
</div> 
 
 
<div class="form-group"> 
<label class="col-md-3 control-label"></label> 
<div class="col-md-9"> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="cms" value="CMS (Content Management 
System)" />CMS (Content Management System)</label><br> 
<label class="check"> 
	<input 	type="checkbox" 	class="icheckbox" 	name="smo" 	value="SMO 	(Social 	Media 
	Optimization) " />SMO (Social Media Optimization) 	 	</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="dwd" value="Dynamic Website Design" /> 
Dynamic Website Design</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="dr" value="Domain Registration" /> Domain 
Registration </label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="wm" value="Website Maintenance" /> 
Website Maintenance</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="wta" value="Walk Through Animation" /> 
Walk Through Animation</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="ld" value="Logo Design" /> Logo 
Design</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="osc" value="Open Source Customization" /> 
Open Source Customization</label><br> 
<label class="check"> 
<input type="checkbox" class="icheckbox" name="other" value="Others" />Others</label> 
 
</div> 
</div> 
 
</div> 
<div style="margin-top:20px;" class="col-md-6"> 
<div class="form-group"> 
<label class="col-md-3 control-label">Query</label> 
<div class="col-md-9 col-xs-12"> 
<textarea class="form-control" rows="5" name="query" required></textarea> 
</div> 
</div></div> 
 
</div> 
 
 
<div class="panel-footer"> 
<button class="btnbtn-default">Clear Form</button> 
<input value="Submit" type="submit" name="submit" class="btnbtn-primary pull-right"> 
</div> 
</div> 
</form> 
 
</div> 
</div> 
 
 
 
 
 
 
 
 
</div> 
</div> 
</div> 
<!-- BEGIN CHAT --> 
<div class="chat-window-wrapper"> 
<div id="main-chat-wrapper" class="inner-content"> 
<div class="chat-window-wrapper scroller scrollbar-dynamic" id="chat-users" > 
<div class="chat-header"> 
<div class="pull-left"> 
<input type="text" plproducteholder="search"> 
</div> 
<div class="pull-right"> 
<a href="#" class="" ><div class="iconset top-settings-dark "></div></a> 
</div> 
<div class="side-widget"> 
<div class="side-widget-title">group chats</div> 
<div class="side-widget-content"> 
<div id="groups-list"> 
<ul class="groups" > 
<li><a href="#"><div class="status-icon green"></div>Office work</a></li> 
<li><a href="#"><div class="status-icon green"></div>Personal vibes</a></li> 
</ul> 
</div> 
</div> 
</div> 
<div class="side-widget fadeIn"> 
<div class="side-widget-title">favourites</div> 
<div id="favourites-list"> 
<div class="side-widget-content" > 
<div 	class="user-details-wrapper 	producttive" 	data-chat-status="online" 	data-chat-userpic="assets/img/profiles/d.jpg" data-chat-user-pic-retina="assets/img/profiles/d2x.jpg" data-username="Jane Smith"> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/d.jpg" 	 	alt="" 	data-src="assets/img/profiles/d.jpg" 	data-srcretina="assets/img/profiles/d2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="user-name"> 
Jane Smith 
</div> 
<div class="user-more"> Hello you there? 
</div> 
<div class="user-details-status-wrapper"> 
<span class="badge badge-important">3</span> 
</div> 
<div class="user-details-count-wrapper"> 
<div class="status-icon green"></div> 
</div> 
<div class="clearfix"></div> 
</div> 
<div 	class="user-details-wrapper" 	data-chat-status="busy" 	data-chat-userpic="assets/img/profiles/d.jpg" data-chat-user-pic-retina="assets/img/profiles/d2x.jpg" data-username="David Nester"> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/c.jpg" 	 	alt="" 	data-src="assets/img/profiles/c.jpg" 	data-srcretina="assets/img/profiles/c2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="user-name"> 
David Nester 
</div> 
<div class="user-more"> 
Busy, Do not disturb 
</div> 
</div> 
<div class="user-details-status-wrapper"> 
<div class="clearfix"></div> 
</div> 
<div class="user-details-count-wrapper"> 
<div class="status-icon red"></div> 
</div> 
<div class="clearfix"></div> 
</div> 
</div> 
</div> 
<div class="side-widget"> 
<div class="side-widget-title">more friends</div> 
<div class="side-widget-content" id="friends-list"> 
<div 	class="user-details-wrapper" 	data-chat-status="online" 	data-chat-userpic="assets/img/profiles/d.jpg" data-chat-user-pic-retina="assets/img/profiles/d2x.jpg" data-username="Jane Smith"> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/d.jpg" 	 	alt="" 	data-src="assets/img/profiles/d.jpg" 	data-srcretina="assets/img/profiles/d2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="user-name"> 
Jane Smith 
</div> 
<div class="user-more"> Hello you there? 
</div> 
</div> 
<div class="user-details-status-wrapper"> 
 
</div> 
<div class="user-details-count-wrapper"> 
<div class="status-icon green"></div> 
</div> 
<div class="clearfix"></div> 
</div> 
<div 	class="user-details-wrapper" 	data-chat-status="busy" 	data-chat-user-
 
pic="assets/img/profiles/d.jpg" data-chat-user-pic-retina="assets/img/profiles/d2x.jpg" data-username="David Nester"> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/h.jpg" 	 	alt="" 	data-src="assets/img/profiles/h.jpg" 	data-srcretina="assets/img/profiles/h2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="user-name"> 
David Nester 
</div> 
<div class="user-more"> 
Busy, Do not disturb 
</div> 
</div> 
<div class="user-details-status-wrapper"> 
<div class="clearfix"></div> 
</div> 
<div class="user-details-count-wrapper"> 
<div class="status-icon red"></div> 
</div> 
<div class="clearfix"></div> 
</div> 
<div 	class="user-details-wrapper" 	data-chat-status="online" 	data-chat-userpic="assets/img/profiles/d.jpg" data-chat-user-pic-retina="assets/img/profiles/d2x.jpg" data-username="Jane Smith"> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/c.jpg" 	 	alt="" 	data-src="assets/img/profiles/c.jpg" 	data-srcretina="assets/img/profiles/c2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="user-name"> 
Jane Smith 
</div> 
<div class="user-more"> Hello you there? 
</div> 
</div> 
<div class="user-details-status-wrapper"> 
 
</div> 
<div class="user-details-count-wrapper"> 
<div class="status-icon green"></div> 
</div> 
<div class="clearfix"></div> 
</div> 
<div 	class="user-details-wrapper" 	data-chat-status="busy" 	data-chat-userpic="assets/img/profiles/d.jpg" data-chat-user-pic-retina="assets/img/profiles/d2x.jpg" data-username="David Nester"> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/h.jpg" 	 	alt="" 	data-src="assets/img/profiles/h.jpg" 	data-srcretina="assets/img/profiles/h2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="user-name"> 
David Nester 
</div> 
<div class="user-more"> 
Busy, Do not disturb 
</div> 
</div> 
<div class="user-details-status-wrapper"> 
<div class="clearfix"></div> 
<div class="user-details-count-wrapper"> 
<div class="status-icon red"></div> 
</div> 
<div class="clearfix"></div> 
</div> 
</div> 
</div> 
</div> 
 
<div class="chat-window-wrapper" id="messages-wrapper" style="display:none"> 
<div class="chat-header"> 
<div class="pull-left"> 
<input type="text" plproducteholder="search"> 
</div> 
<div class="pull-right"> 
<a href="#" class="" ><div class="iconset top-settings-dark "></div></a> 
</div> 
</div> 
<div class="clearfix"></div> 
<div class="chat-messages-header"> 
<div class="status online"></div><span class="semi-bold">Jane Smith(Typing..)</span> 
<a href="#" class="chat-bproductk"><i class="icon-custom-cross"></i></a> 
</div> 
<div class="chat-messages scrollbar-dynamic clearfix"> 
<div class="inner-scroll-content clearfix"> 
<div class="sent_time">Yesterday 11:25pm</div> 
<div class="user-details-wrapper "> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/d.jpg" 	 	alt="" 	data-src="assets/img/profiles/d.jpg" 	data-srcretina="assets/img/profiles/d2x.jpg" width="35" height="35"> 
 
<div class="user-details"> 
<div class="bubble"> Hello, You there? 
</div> 
</div> 
<div class="clearfix"></div> 
<div class="sent_time off">Yesterday 11:25pm</div> 
</div> 
<div class="user-details-wrapper "> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/d.jpg" 	 	alt="" 	data-src="assets/img/profiles/d.jpg" 	data-srcretina="assets/img/profiles/d2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="bubble"> 
How was the meeting? 
</div> 
</div> 
<div class="clearfix"></div> 
<div class="sent_time off">Yesterday 11:25pm</div> 
</div> 
<div class="user-details-wrapper "> 
<div class="user-profile"> 
<imgsrc="assets/img/profiles/d.jpg" 	 	alt="" 	data-src="assets/img/profiles/d.jpg" 	data-srcretina="assets/img/profiles/d2x.jpg" width="35" height="35"> 
</div> 
<div class="user-details"> 
<div class="bubble"> 
Let me know when you free 
</div> 
<div class="clearfix"></div> 
<div class="sent_time off">Yesterday 11:25pm</div> 
</div> 
<div class="sent_time ">Today 11:25pm</div> 
<div class="user-details-wrapper pull-right"> 
<div class="user-details"> 
<div class="bubble sender"> 
Let me know when you free 
</div> 
</div> 
<div class="clearfix"></div> 
<div class="sent_time off">Sent On Tue, 2:45pm</div> 
</div> 
</div> 
</div> 
<div class="chat-input-wrapper" style="display:none"> 
<textarea 	id="chat-message-input" 	rows="1" 	plproducteholder="Type 	your message"></textarea> 
</div> 
<div class="clearfix"></div> 
</div> 
</div> 
</div> 
</div> 
<script src="assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script> 
<script 	src="assets/plugins/jquery-ui/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> 
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<script src="assets/plugins/breakpoints.js" type="text/javascript"></script> 
<script src="assets/plugins/jquery-unveil/jquery.unveil.min.js" type="text/javascript"></script> <script src="assets/plugins/jquery-block-ui/jqueryblockui.js" type="text/javascript"></script> 
<script 	src="assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js" type="text/javascript"></script> 
<script src="assets/plugins/pproducte/pproducte.min.js" type="text/javascript"></script> 
<script 	src="assets/plugins/jquery-numberAnimate/jquery.animateNumbers.js" type="text/javascript"></script> 
<script src="assets/js/core.js" type="text/javascript"></script> 
<script src="assets/js/chat.js" type="text/javascript"></script> 
<script src="assets/js/demo.js" type="text/javascript"></script> 
 
</body> 
</html>

HTML Online Editor & Compiler

Write, Run & Share HTML code online using OneCompiler's HTML online Code editor for free. It's one of the robust, feature-rich online Code editor for HTML language, running on the latest version HTML5. Getting started with the OneCompiler's HTML compiler is simple and pretty fast. The editor shows sample boilerplate code when you choose language as HTML. You can also specify the stylesheet information in styles.css tab and scripts information in scripts.js tab and start coding.

About HTML

HTML(Hyper Text Markup language) is the standard markup language for Web pages, was created by Berners-Lee in the year 1991. Almost every web page over internet might be using HTML.

Syntax help

Fundamentals

  • Any HTML document must start with document declaration <!DOCTYPE html>
  • HTML documents begin with <html> and ends with </html>
  • Headings are defined with <h1> to <h6> where <h1> is the highest important heading and <h6> is the least important sub-heading.
  • Paragrahs are defined in <p>..</p> tag.
  • Links are defined in <a> tag.

    Example:

    <a href="https://onecompiler.com/html">HTML online compiler</a>
  • Images are defined in <img> tag, where src attribute consists of image name.
  • Buttons are defined in <button>..</button> tag
  • Lists are defined in <ul> for unordered/bullet list and <ol> for ordered/number list, and the list items are defined in <li>.

HTML Elements and Attributes

  • HTML element is everything present from start tag to end tag.
  • The text present between start and end tag is called HTML element content.
  • Anything can be a tagname but it's preferred to put the meaningful title to the content present as tag name.
  • Do not forget the end tag.
  • Elements with no content are called empty elements.
  • Elements can have attributes which provides additional information about the element.
  • In the below example, href is an attribute and a is the tag name.

    Example:

    <a href="https://onecompiler.com/html">HTML online compiler</a>

CSS

CSS(cascading style sheets) describes how HTML elements will look on the web page like color, font-style, font-size, background color etc.

Example:

Below is a sample style sheet which displays heading in green and in Candara font with padding space of 25px.

body{
  padding: 25px;
}
.title {
	color: #228B22;
	font-family: Candara;
}

HTML Tables

  • HTML Tables are defined in <table> tag.
  • Table row should be defined in <tr> tag
  • Table header should be defined in <th> tag
  • Table data should be defined in <td> tag
  • Table caption should be defined in <caption> tag

HTML-Javascript

  • Javascript is used in HTML pages to make them more interactive.
  • <script> is the tag used to write scripts in HTML
  • You can either reference a external script or write script code in this tag.

Example

<script src="script.js"></script>