How to create a company review page using PHP

Question

1.00/5 (1 vote)

See more:

A Review Page with Stars have to be added for a webpage using PHP.Frontend is PHP and Database used is PHPSQLADMIN.How to create Review page and make it dynamic

What I have tried:

<!DOCTYPE html>
<!html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Review</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cookie">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/Pretty-Footer.css">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<style>

.one{
text-transform:uppercase;
text-align:center;
background-color:blue;
padding:10px;

}
.navbar img{
width:100px;
}
.card-title{
background-color:blue;
color:red;
}
.gf{

height:400px;
background-color:red;
}
.leave-reply {
    float: left;
    width: 100%;
}
.input-block-level {
    display: block;
    width: 100%;
	
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid:after {
    clear: both;
}

.card-title{
font-size:20px;
text-align:center;

}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right;
	background-color:yellow;
	color:red;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.pain p{
color:white;
background-color:black;
font-size:25px;
}
.pain img{
width:100%;
height:300px;

}

.express{
background-color:lightblue;
}
.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
    padding: 2px 16px;
}
.checked {
    color: orange;
}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}
.quotation{
border:2px solid red;

}
.quotation p{
text-align:justify;
color:black;
font-size:30px;
font-family: 'Lato', sans-serif;
}
.video{
border:2px solid blue;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height:500px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.softskill{

background-color:blue;

}
.softskill h1{
color:red;
}
.softskill p{
text-align:justify;
text-transform:capitalize;
font-family:verdana;
font-size:20px;
color:white;


}
.hero{
background-image:url("assets/img/city_bg.jpg");

}

.onnn img{

width:35%;
}
.footer1{

background-color :#444141;
}
.footer1 p{
color:black;
}
.footer-contacts p a {
   color: #f5f5f5;
   text-decoration: none;
}
.footer about{
color:black;

}
.footer1 p h3 {
   color:white;
}
.footer1 p {
   color: #f5f5f5;
}
.blog{
    box-sizing:border-box;
    border:2px solid blue;
    margin-top: 40PX;
}
blog h1{
    font-size: 40px;
}
.blog p{
    text-align: justify;
    color: blue;
}

div.stars {
  width: 270px;
  display: inline-block;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform:  scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: black;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.timer{
    box-sizing:border-box;
    border:2px solid blue;
}
</style>
<body>
<?php require 'first.php'?>


	<div class="jumbotron jumbotron-fluid">
            
<div class="container-fluid">
<div class="container">
    <div class="col-md-12">
    
    <div class="col-md-8 blog">
       
      
       <h1>About Counsellor</h1>
       <p style="text-align: justify;">Veena Ramu founder of SanMarga is a Certified Career Counsellor
        cum Career Coach  through INTERNATIONAL SCHOOL OF COUNSELLING AND HEALING STUDIES and a Professional Life Coach 
        accredited from Transformation Academy having over 3+ years of Counselling experience.<br> 
        She specializes in Career Consulting and Coaching, Emotional wellness,Life skills and Education supports.
       With a passion to serve students and corporate professionals in aspiring a successful career with proper guidance and support. 
       She puts into use her Knowledge of real time experience along with the application of scientific tested methods 
       to steer an aspirant towards a career which he/she is best suited to succeed,not only in materialistic context ,
       but in the context of deriving maximum happiness and satisfaction out of it. <br>
       check out my blog Learnvise to learn more about latest updates in Career trends and Career development.</p> 
       </div>
               <div class="col-md-4">
                   
                   <h2>class="fa fa-share-alt" style="font-size: 24px" href="https://www.facebook.com/"></a><a href="#">^__em class="fa fa-github"></a></div>
                   <div class="timer">
                   <h2>^__em class="fa fa-clock-o" aria-hidden="true"> Timings:</h2>
        <ul class="available-list">
            <li>Sun  :  <span>off</span></li>
            <li>Mon :  <span>9:00 AM to 6:00 PM</span></li>
            <li>Tue  :  <span>9:00 AM to 6:00 PM</span></li>
            <li>Wed :  <span>9:00 AM to 6:00 PM</span></li>
            <li>Thur :  <span>9:00 AM to 6:00 PM</span></li>
            <li>Fri    :  <span>9:00 AM to 6:00 PM</span></li>
            <li>Sat    :  <span>off</span></li>               
        </ul>
                           </div>
                   
                          
 
                   <h2>^__em class="fa fa-pencil" aria-hidden="true"> Write Your Review:</h2>
                   <form action="post2.php" method="post">
                   <div class="elem-group">
                 <h3><label for="name">Name:</label></h3>
                 <input type="text" id="Name" name="Name"  pattern=[A-Z\a-z]{3,20} required>
               </div>
               
               
               <div class="elem-group">
 
                 <h3><label for="message">Write Review:</label></h3>
                 <textarea id="writereview" name="writereview" required></textarea>
               </div>
               
               <div class="elem-group">
                 <h3><label for="name">Phone Number:</label></h3>
                 <input type="int" id="PhoneNumber" name="PhoneNumber"  pattern={0,9} required>
               </div>
               
                <div class="stars"> 
                 
                   <h3><label for="name">Give Rating:</label></h3>
                   <input class="star star-5" id="star-5" type="radio" value="1" name="star"/>
                   <label class="star star-5" for="star-5"></label>
                   <input class="star star-4" id="star-4" type="radio" value= "2" name="star"/>
                   <label class="star star-4" for="star-4"></label>
                   <input class="star star-3" id="star-3" type="radio" value="3" name="star"/>
                   <label class="star star-3" for="star-3"></label>
                   <input class="star star-2" id="star-2" type="radio"value="4" name="star"/>
                   <label class="star star-2" for="star-2"></label>
                   <input class="star star-1" id="star-1" type="radio" value="5" name="star"/>
                   <label class="star star-1" for="star-1"></label>
                    </div><br> 
                    <input type="submit" value=submit>
                   </form>
               </div>
           </div>
</div>
</div>

	
	
</div>
	
<div class="container-fluid footer1">
    <div class="row">
        <div class="col-md-4 col-sm-6 footer-navigation ">
            <h3><a href="#"><img src="assets/img/milestone.png"alt="milestone"></a></h3>
            <p class="links"><a href="index.php">Home</a> · <a href="#">Blog</a> · <a href="companies.php">Companies</a> · <a href="About.php">About</a> · <a href="#">Faq</a> · <a href="Contact.php">Contact</a></p>
            <p class="company-name">Milestone © 2020</p>
        </div>
        <div class="col-md-4 col-sm-6 footer-contacts">
            <div> 
                <p><a href="https://goo.gl/maps/Ka6ifXj4WUm">IndiraNagar  100 feet road, BANGALORE</a></p>
            </div>
            <div>class="fa fa-phone footer-contacts-icon" href="https://www.gmail.com/" target="_blank"></a><a href="#">^__em class="fa fa-twitter"></a><a href="#">^__em class="fa fa-linkedin"></a><a href="#">^__em class="fa fa-github"></a></div>
        </div>
    </div>
    <div class ="row">
    <div class="col-md-12 col-sm-12 one">
    <p>@2020 Copyright Powered by Milestone</p>
    </div>
    </div>

    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
	<script>
// Get the modal
var modal = document.getElementById('myModal');

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal 
btn.onclick = function() {
    modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>

</body>

</html>

Posted 12-Mar-22 3:26am

kokilag

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

nilesh sawardekar · Answer 1 · 2022-03-12T05:02:00

Solution 1

try from below link,
Rating and review system in PHP and MySQL[^]

Posted 12-Mar-22 5:02am

nilesh sawardekar

Updated 12-Mar-22 5:10am

Comments

kokilag 14-Mar-22 8:19am

Thanks..will surely try..Will this code work on server side..as few will work in localhost but not on server