Consult-PRO

Developer
Anukaran Kathuria
Size
2,529 Kb
Views
6,072
  1. Consult-PRO Previews
  2. Consult-PRO HTML Codes
  3. Consult-PRO CSS Codes

How do I make an consult-pro?

What is a consult-pro? How do you make a consult-pro? This script and codes were developed by Anukaran Kathuria on 20 December 2022, Tuesday.

Consult-PRO Previews
IQ Test

Consult-PRO - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Consult-PRO</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <!-- Creating navbar--> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <!-- Creating collapsible button for responsive design--> <button id="link1" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Adding links in navbar--> <a id="logo" class="navbar-brand" href="#">My Logo</a> </div> <div class="collapse navbar-collapse " id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li class=" toggle" id="link"><a href="#" class="hidden-xs hidden-sm hidden-md">Active</a> <a href="#" class="navbar-inverse hidden-lg">Active Mobile Button</a></li> <li id="link"><a href="#" class="hidden-xs hidden-sm hidden-md">About Us</a> <a href="#" class="navbar-inverse hidden-lg">Mobile Button</a> </li> </ul> </div> </div> </nav> <div class="container"> <!-- Creating grid first row--> <div class="row"> <!-- first column--> <div class="col-sm-6" style="background-color:white;"> <div style="float:left;"><b>Your Profile</b></div> <div style="float: left;color: black; width:70%; margin-top:-10px"> <hr> </div> <div> <table class=table frame="box"> <tr> <td><img style="width:100px;height:100px" src="http://img.pixady.com/2017/05/727752_rcm_460x310.png" class="img-responsive" alt=""> </td> <td><span><b>Mr. First Name</b> <br><br> 214 Address Ave. <br> Toronto, ON <br><br> Tel. 416-777-4565 </td> </tr> </table> </div> </div> <!-- second column--> <div class="col-sm-6" style="background-color:white;"> <div style="float:left;"><b>Doctor Profile</b></div><div style="float: left;color: black; width:68%; margin-top:-10px" ><hr></div> <div> <table class=table frame="box"> <tr> <td><img style="width:100px;height:100px" src="http://img.pixady.com/2017/05/727752_rcm_460x310.png" class="img-responsive" alt=""> </td> <td><b>Mr. First Name</b> <br><br> 214 Address Ave. <br> Toronto, ON <br> <br> Tel. 416-777-4565 </td> </tr> </table> </div> </div> </div> <!-- responsive button group --> <div id="btnGroup" class="row"> <div class="col-sm-4">
<button type="button" class="glyphicon glyphicon-folder-open btn btn-block btn-primary"> Button</button> </div><div class="col-sm-4">
<button type="button" class="glyphicon glyphicon-globe btn btn-block btn-primary"> Button</button> </div> <div class="col-sm-4">
<button type="button" class="glyphicon glyphicon-exclamation-sign btn btn-block btn-primary"> Button</button> </div>
</div>
</body> <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>
</body>
</html>

Consult-PRO - Script Codes CSS Codes

body { background-color: #f2f3f2;
}
.container { margin-top: 3.7em;
}
#logo { margin-left: 2em; background-color: #f2f3f2 !important; color: black !important;
}
#btnGroup { margin-top: 0.2em;
}
.row, .col { margin-top: 7px;
}
div .col-sm-4 { margin-top: 1em; margin-bottom: 1em;
}
#link a:hover { background-color: #f2f3f2 !important; color: black !important;
}
#link a:focus { background-color: #f2f3f2 !important; color: black !important; box-shadow: 0px 1px 0px 0px blue;
}
#link1 { background-color: #f2f3f2 !important;
}
.navbar-toggle .icon-bar { background-color: blue !important;
}
.btn-primary { background-color: #00cc88 !important; border: none;
}
Consult-PRO - Script Codes
Consult-PRO - Script Codes
Home Page Home
Developer Anukaran Kathuria
Username anukath
Uploaded December 20, 2022
Rating 3
Size 2,529 Kb
Views 6,072
Do you need developer help for Consult-PRO?

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!

Anukaran Kathuria (anukath) Script Codes
Name
Tribute
Portfolio
Twitchtv JSON API
Weather App
Wikipedia Viewer
A Pen by Anukaran Kathuria
Random Quote Machine
Create amazing art & images 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!