function profile_page()
{
$page = '
<html>
<head>
<title> Mr Price</title>
<link rel="icon" href="img/log3.png"/>
<meta name="viewport" content="width=1024">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link href="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/css/font-awesome.min.css">
<link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/css/loader.css">
<link href="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/css/myshops.css" rel="stylesheet">
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/constants.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/like.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/broadcasts.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/suggestions.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/friends.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/comment.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/companies.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/main_init.js"></script>
</head>
<!-- <body onload="main_init()" style="background-image:url(img/cloud.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;">> -->
<body onload="main_init()" style="background-color:#F2F2F2;overflow-y:auto;">
<div id="nav" class="navbar-fixed-top">
<div class="container-fluid">
<div class="row">
<div class="col-sm-2">
<div class="col-sm-2">
<a href="index.php"><img src="img/log3.png" height="50" width="50"/></a>
</div>
</div>
<div class="col-sm-offset-1 col-sm-4">
<div class="input-group" style="margin-top:3%;width:150%;">
<input type="text" class="form-control" placeholder="Search for Broadcasts in Mr Price">
<span class="input-group-btn">
<button class="btn btn-default" type="button">search</button>
</span>
</div><!-- /input-group -->
</div>
<div id="nav_content" style="margin-right:3%;">
<ul class="nav navbar-nav navbar-right style_font" >
<li onclick="main_init()" style="color:white;font-weight:900;font-size:150%;margin-top:15px;"><span class="glyphicon glyphicon-home" ><label style="font-size:13px;"> Home </label></span></li>
<!--<li style="color:white;font-weight:900;font-size:150%;margin-top:15px;"><span class="glyphicon glyphicon-bell" ><label style="font-size:13px;"> Notifications </label></span></li> -->
<li style="cursor:pointer;"><span class="input-group" style="color:white;font-weight:900;font-size:150%;margin-top:15px;">
<span class="glyphicon glyphicon-lock dropdown-toggle" id="account" data-toggle="dropdown" aria-expanded="true"><label style="font-size:13px;"> Account</label></span>
<ul class="dropdown-menu" role="menu" aria-labelledby="account">
<li role="presentation" class="dropdown-header"><center>Chaddy<center></li>
<li role="presentation" class="divider"></li>
<li role="presentation" data-toggle="modal" data-target="#edit_ac"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-cog"></span> settings</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-off"></span> logout</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-info-sign"></span> about us</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-question-sign"></span> help</a></li>
</ul>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="wall" style="background-image:url(\'img/mrpricewall.jpg\');z-index:1;position:absolute;">
</div>
<div style="background-color:#004A6E;height:170px;width:170px;border-radius:4px;margin-top:280px;position:absolute;margin-left:100px;border-color:white;border-width:5px;border-style:solid;z-index:2;">
<img src="img/mrlog1.jpg" height="160" width="160" />
</div>
<div id="header" style="height:50px;width:100%;position:absolute;z-index:1;margin-top:400px;background-color:white;">
<div >
<div class="col-sm-offset-3 col-sm-2" align="right">
<center class="active_tab tab" style="width:auto;"><b>About us</b> <span style="background-color:#19A3D1;" class="badge">117</span></center>
</div>
<div class="col-sm-1">
<center class="tab"><b>Broadcasts</b> </center>
</div>
<div class="col-sm-2">
<center class="tab"><b>Products and Services</b> </center>
</div>
<div class="col-sm-2">
<center class="tab"><b>Live Community</b> </center>
</div>
<div class="col-sm-2">
<center class="tab"><button class="btn btn-info btn-md" style="margin-top:3px;">following</button></center>
</div>
</div>
</div>
<div id="content" style="width:100%;margin-top:400px;position:absolute;overflow-y:auto;">
<div style="margin-top:5%;">
<div class="col-sm-4" id="left">
<div style="background-color:white;border-radius:5px;border: 2px solid #004A6E;;">
<center style="font-size:17px;font-style:oblique;color:black;font-weight:900;font-style:oblique;"><span class="" style="color:blue;"></span> <h4>Mr Price@mowbray</h4></center>
<br>
<p style="color:#336699;">"Passion, value and Partnership. Your satisfaction is our priority. Feel at Home our dear customers"</p>
<p style="margin-left:5px;font-style:oblique;color:#336699;"><b>category:</b> clothing and fashion</p>
<center><button class="btn btn-info btn-md" style="margin-left:5px;"><span class="glyphicon glyphicon-send"></span> post to Mr Price live chat</button></center>
<p style="margin-left:5px;font-size:15px;color:blue;cursor:pointer;"><span class="glyphicon glyphicon-link"></span> www.mr.co.za</p>
<p style="margin-left:5px;font-size:15px;color:blue;cursor:pointer;"><span class="glyphicon glyphicon-phone-alt"></span> +27 021 019 787 1264</p>
<p style="margin-left:5px;font-size:15px;color:blue;cursor:pointer;"><span class="glyphicon glyphicon-envelope"></span> info@mr.co.za</p>
<p style="margin-left:5px;font-size:15px;color:blue;cursor:pointer;"><span class="glyphicon glyphicon-map-marker"></span> directions</p>
</div>
</div>
<div class="col-sm-5" id="center-main" >
<div id="loader" class="loader loader2 col-sm-offset-3" style="margin-top:40%">
<div class="cube">
<div class="side side1"></div>
<div class="side side2"></div>
<div class="side side3"></div>
<div class="side side4"></div>
<div class="side side5"></div>
<div class="side side6"></div>
</div>
</div>
<div id="center-main">
</div>
</div>
<div class="col-sm-3" id="right">
<div class="panel panel-primary" >
<div class="panel-heading" style="background-color:#004A6E;">Suggested companies to follow</div>
<div id="suggestions" class="panel-body">
</div>
<center style="color:#008AB8;"><a href="shops.php">view more</a></center>
</div>
<div style="background-color:white;height:300px;width:100%;border-radius:5px;">
</div>
</div>
</div>
</div>' . edit_account_modal() . '</body>
<script>
$(document).ready(function(){
$(".tab").click(function(){
$(".tab").removeClass("active_tab");
$(this).addClass("active_tab");
});
});
</script>
</html>';
return $page;
}
</ul>
</div>
</div>
</div>
</div>
<br><br><br>
<?php
echo nav_drawer();
echo create_ad();
echo edit_account_modal();
echo ad_detail();
?>
<br>
<div class="container-fluid" style="height:91%;">
<div class="row">
<div class="col-sm-3">
<div class="panel-group category-products" id="accordian" style="background-color:"><!--category-productsr-->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#">Recommended friends</a></h4>
</div>
</div>
function companies_page()
{
$page = '
<html>
<head>
<title> companies</title>
<link rel="icon" href="https://d2zpmorlxdsejy.cloudfront.net/Scripts/img/log3.png"/>
<meta name="viewport" content="width=1024">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://d2zpmorlxdsejy.cloudfront.net/Scripts/css/font-awesome.min.css">
<link href="https://d2zpmorlxdsejy.cloudfront.net/Scripts/css/myshops.css" rel="stylesheet">
<link rel="stylesheet" href="https://d2zpmorlxdsejy.cloudfront.net/Scripts/css/loader.css">
<script type="text/javascript" src="https://d2zpmorlxdsejy.cloudfront.net/Scripts/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://d2zpmorlxdsejy.cloudfront.net/Scripts/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://d2zpmorlxdsejy.cloudfront.net/Scripts/js/constants.js"></script>
<script type="text/javascript" src="https://d2zpmorlxdsejy.cloudfront.net/Scripts/js/navigation-drawer.js"></script>
<script type="text/javascript" src="https://d2zpmorlxdsejy.cloudfront.net/Scripts/js/companies.js"></script>
</head>
<!-- <body onload ="buildCompanyPage()" style="background-image:url(https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/img/cloud.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow-y:auto;"> -->
<body onload ="buildCompanyPage()" style="background-color:#F2F2F2;">
<div id="nav" class="navbar-fixed-top" >
<div class="container-fluid">
<div class="row">
<div class="col-sm-2">
<div class="col-sm-2">
<a href="index.php"><img src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/img/log3.png" height="50" width="50"/></a>
</div>
</div>
<div class="col-sm-offset-1 col-sm-4">
<div class="input-group" style="margin-top:3%;width:150%;">
<input type="text" class="form-control" placeholder="Search Shops">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Search</button>
</span>
</div><!-- /input-group -->
</div>
<div id="nav_content" style="margin-right:3%;" class="res">
<ul class="nav navbar-nav navbar-right style_font" >
<li><a href="index.php" style="color:white;font-weight:900;font-size:150%;"><span class="glyphicon glyphicon-home" ><label style="font-size:13px;"> Home </label></span></a></li>
<!-- <li style="color:white;font-weight:900;font-size:150%;margin-top:15px;"><span class="glyphicon glyphicon-bell" ><label style="font-size:13px;"> Notifications </label></span></li> -->
<li style="cursor:pointer;"><span class="input-group" style="color:white;font-weight:900;font-size:150%;margin-top:15px;">
<span class="glyphicon glyphicon-lock dropdown-toggle" id="account" data-toggle="dropdown" aria-expanded="true"><label style="font-size:13px;"> Account</label></span>
<ul class="dropdown-menu" role="menu" aria-labelledby="account">
<li role="presentation" class="dropdown-header"><center>Chaddy<center></li>
<li role="presentation" class="divider"></li>
<li role="presentation" data-toggle="modal" data-target="#edit_ac"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-cog"></span> settings</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-off"></span> logout</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-info-sign"></span> about us</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" style="text-align:left;"><span class="glyphicon glyphicon-question-sign"></span> help</a></li>
</ul>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<br><br><br>' . nav_drawer() . create_ad() . edit_account_modal() . '<div class= "row" style="width:50%;margin-left:20%;position:fixed;z-index:2;">
<div class="col-sm-3 tab active_tab" >
<center style="cursor:pointer;"><a><b> My companies</b></a></center>
</div>
<div class="col-sm-3 tab" >
<center>
<span class="input-group">
<center class="dropdown-toggle" id="dropdownMenu" data-toggle="dropdown" style="cursor:pointer;"><a><b>Category </b><span class="caret"></span></a></center>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li role="presentation"><a>All</a></li>
<li role="presentation"><a>Top Trending</a></li>
<li role="presentation"><a>Recommended</a></li>
<li role="presentation"><a>Clothing and fashion</a></li>
<li role="presentation"><a>Consumer Electronics</a></li>
<li role="presentation"><a>Groceries</a></li>
<li role="presentation"><a>Banking and Insurance</a></li>
<li role="presentation"><a>Automotive</a></li>
<li role="presentation"><a>Sports and Entertainment</a></li>
<li role="presentation"><a>Health</a></li>
<li role="presentation"><a>Home and Gardening</a></li>
<li role="presentation"><a>Travel</a></li>
<li role="presentation"><a>Education</a></li>
</ul>
</span>
</center>
</div>
<div class="col-sm-3 tab" >
<center style="cursor:pointer;">
<span class="input-group">
<center class=" dropdown-toggle" id="dropdownMenuLocation" data-toggle="dropdown" style="cursor:pointer;"><a><b>Location </b><span class="caret"></span></a></center>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuLocation">
<li role="presentation"><a>Western Cape</a></li>
<li role="presentation"><a>Gauteng</a></li>
<li role="presentation"><a>Northen Cape</a></li>
<li role="presentation"><a>Kwazulu Natal</a></li>
<li role="presentation"><a>Limpopo</a></li>
<li role="presentation"><a>Mpumalanga</a></li>
<li role="presentation"><a>Eastern Cape</a></li>
<li role="presentation"><a>North West</a></li>
<li role="presentation"><a>Free State</a></li>
</ul>
</span>
</center>
</div>
<div class="col-sm-3 tab" >
<center style="cursor:pointer;"> <a href="followers.php"><b>Following</b></a></center>
</div>
</div>
<br>
<div class="container-fluid" style="height:91%;">
<div class="row col-sm-offset-1 col-sm-10">
<div id="loader" class="loader loader2 col-sm-offset-3" style="margin-top:25%">
<div class="cube">
<div class="side side1"></div>
<div class="side side2"></div>
<div class="side side3"></div>
<div class="side side4"></div>
<div class="side side5"></div>
<div class="side side6"></div>
</div>
</div>
<div id ="popular" class="row" style="margin:0px;padding:0px;">
</div>
<div id ="recommended" class="row" style="margin:0px;padding:0px;">
</div>
<div id ="clothing" class="row" style="margin:0px;padding:0px;">
</div>
<div id ="electronics" class="row" style="margin:0px;padding:0px;">
</div>
<div id ="banks" class="row" style="margin:0px;padding:0px;">
</div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
$(".tab").click(function(){
$(".tab").removeClass("active_tab");
$(this).addClass("active_tab");
});
});
</script>
</html>';
return $page;
}