<?php
# Script 3.4 - index.php
//创建一个函数，用于输入广告：
function create_ad()
{
echo '<p class="ad">这是一则广告栏目位置。</p>';
}
$page_title = 'Welcom to this Site!';
include 'includes/header.html';
create_ad();
?>
<h1>Content Header</h1>
<p>This is where the page-specific content goes. This section, and the corresponding header, will change from one page to the next.</p>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<?php
create_ad();
include 'includes/footer.html';
</li>
</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>
function following_page()
{
$page = '
<html>
<head>
<title> followed</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 href="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/css/myshops.css" rel="stylesheet">
<link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/css/loader.css">
<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/navigation-drawer.js"></script>
<script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/userinterface-scripts/Scripts/js/companies.js"></script>
</head>
<!-- <body onload ="followed_setup()" style="background-image:url(img/cloud.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow-y:auto;"> -->
<body onload ="followed_setup()" style="background-color:#F2F2F2;overflow-y:auto;">
<div id="nav" class="navbar-fixed-top" style="margin:0px;padding:0px;">
<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 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" >
<center style="cursor:pointer;"><a href="companies.php"><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;"><b>Category </b><span class="caret"></span></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;"><b>Location </b>;<span class="caret"></span></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 active_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>
<br>
<div id ="companies_followed" class="row" style="margin:0px;padding:0px;">
</div>
</div>
</body>
<script>
$(document).ready(function(){
$(".tab").click(function(){
$(".tab").removeClass("active_tab");
$(this).addClass("active_tab");
});
});
</script>
</html>';
return $page;
}
