Scribd
Upload
85 views

M.A.K.A Spetrum Media and Music: Website Name

This document contains PHP code and CSS code for a website called M.A.K.A Spectrum Media & Music. The PHP code handles user authentication, login, and logout functionality. The CSS code styles various elements of the website like headers, footers, cards, and more. The document also includes HTML markup for the website structure and content including images, headings, and embedded elements.

Uploaded by

Abbas Jaffri
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
85 views

M.A.K.A Spetrum Media and Music: Website Name

This document contains PHP code and CSS code for a website called M.A.K.A Spectrum Media & Music. The PHP code handles user authentication, login, and logout functionality. The CSS code styles various elements of the website like headers, footers, cards, and more. The document also includes HTML markup for the website structure and content including images, headings, and embedded elements.

Uploaded by

Abbas Jaffri
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

WEBSITE NAME:

M.A.K.A SPETRUM
MEDIA AND MUSIC

M.A.K.A Spectrum Media & Music


SOURCE CODE:

Coding: <?php
//initialize the session
if (!isset($_SESSION)) {
session_start();
}

// ** Logout the current user. **


$logoutAction = $_SERVER['PHP_SELF']."?doLogout=true";
if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){
$logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){
//to fully log out a visitor we need to clear the session varialbles
$_SESSION['MM_Username'] = NULL;
$_SESSION['MM_UserGroup'] = NULL;
$_SESSION['PrevUrl'] = NULL;
unset($_SESSION['MM_Username']);
unset($_SESSION['MM_UserGroup']);
unset($_SESSION['PrevUrl']);

$logoutGoTo = "login.php";
if ($logoutGoTo) {
header("Location: $logoutGoTo");
exit;
}
}
?>
<?php
if (!isset($_SESSION)) {
session_start();
}
$MM_authorizedUsers = "";
$MM_donotCheckaccess = "true";

// *** Restrict Access To Page: Grant or deny access to this page


function isAuthorized($strUsers, $strGroups, $UserName, $UserGroup) {
// For security, start by assuming the visitor is NOT authorized.
$isValid = False;

// When a visitor has logged into this site, the Session variable
MM_Username set equal to their username.
// Therefore, we know that a user is NOT logged in if that Session variable
is blank.
if (!empty($UserName)) {
// Besides being logged in, you may restrict access to only certain users
based on an ID established when they login.
// Parse the strings into arrays.
$arrUsers = Explode(",", $strUsers);
$arrGroups = Explode(",", $strGroups);
if (in_array($UserName, $arrUsers)) {
$isValid = true;
}
// Or, you may restrict access to only certain users based on their
username.
if (in_array($UserGroup, $arrGroups)) {
$isValid = true;
}
if (($strUsers == "") && true) {
$isValid = true;
}
}
return $isValid;
}

$MM_restrictGoTo = "Access_denied.php";
if (!((isset($_SESSION['MM_Username'])) &&
(isAuthorized("",$MM_authorizedUsers, $_SESSION['MM_Username'],
$_SESSION['MM_UserGroup'])))) {
$MM_qsChar = "?";
$MM_referrer = $_SERVER['PHP_SELF'];
if (strpos($MM_restrictGoTo, "?")) $MM_qsChar = "&";
if (isset($_SERVER['QUERY_STRING']) && strlen($_SERVER['QUERY_STRING']) >
0)
$MM_referrer .= "?" . $_SERVER['QUERY_STRING'];
$MM_restrictGoTo = $MM_restrictGoTo. $MM_qsChar . "accesscheck=" .
urlencode($MM_referrer);
header("Location: ". $MM_restrictGoTo);
exit;
}
?>
<!DOCTYPE html>
<html>
<head>

<meta name="description" content="HTML5 Audio Spectrum Visualizer">


<title>VMC</title>

<link type="text/css" rel="stylesheet" href="style/style.css">


<style>
}
.card {
box-shadow:0 4px 8px 0 #000;
transition: 0.3s;
position:relative;
}

.card:hover {
box-shadow: 0 10px 16px 0 #F00;

.heading{
font-family:Algerian;
padding-left:10px;

}
.footer{
width:1100px;
height:350px;
background-image:url(image/linii-kraski-neon.jpg);
margin-left:125px;
border-color:#FF6;
border-radius:15px;
}

li{
display:inline;
margin:10px;
padding-top:10px;

}
#header{
border-radius:25px;
padding-bottom:10px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.3),inset 0px 1px 0px
rgba(255,255,255,0.07);
background: rgba(0,0,0,0.5);
width:1355px;
position:fixed;
padding-top:5px;
transition: 0.3s;
height:66px;

}
#header:hover {
box-shadow: 0 10px 16px 0 #F00;
}
#header ul li{
width:150px;
height:50px;
text-align:center;
font-family:"Rock it";
font-size:12px;

#slider{
padding-top:80px;
transition: 0.3s;
}
.srch{
padding-left:353px;
}
.fdiv{
background-color:#F00;
width: 300px;
height: 240px;
margin-left: 25px;

position: absolute;
}
.footer .fdiv{
margin-top:30px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.3),inset 0px 1px 0px
rgba(255,255,255,0.07);
background: rgba(0,0,0,0.5);
}
.sfdiv{
background-color:#F00;
width: 430px;
height: 240px;
margin-left: 335px;

position: absolute;
}
.footer .sfdiv{
margin-top:30px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.3),inset 0px 1px 0px
rgba(255,255,255,0.07);
background: rgba(0,0,0,0.5);
}
.logo{

position:absolute;
}
.footer .sfdiv .logo{
position: absolute;
margin-top: 70px;
margin-left: 130px;
left: -73px;
top: 5px;
}
.tfdiv{
background-color:#F00;
width: 300px;
height: 240px;
margin-left: 775px;

position: absolute;
}
.footer .tfdiv{

margin-top:30px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.3),inset 0px 1px 0px
rgba(255,255,255,0.07);
background: rgba(0,0,0,0.5);
}
.sharelst
{
border-radius: 10px;
height: 36px;
background-color: #FFF;
width: 170px;
position: absolute;
left: 613px;
top: 2241px;
}
.footer .sharelst{
margin-top:278px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.3),inset 0px 1px 0px
rgba(255,255,255,0.07);
background: rgba(0,0,0,0.5);
}
.Rights{

margin-left: 335px;
position:absolute;
margin-top:325px;

}
.slo{
text-align:center;
}
#header .headerlogo{
position: absolute;
left: -4px;
top: 23px;
}
</style>
</head>
<body>

<div id="header">
<div class="headerlogo">
&nbsp;&nbsp;&nbsp;
<img src="headerlogo.png">
</div>

<ul>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;
<li><a href="#"> Home</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">About-Us</a></li></ul>

<div id="login" >


<a href="<?php echo $logoutAction ?>">
<img src="ICON/logout.png" width="139" height="60" style="position:
absolute; left: 1171px; top: 18px; width: 162px; height: 48px;" >
</a>

</div>

</div>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
<div id="slider" size="1355">
<embed src="slider/wowslider.html" width="1349" height="486"></embed>
</div>
<embed class="srch" src="css-animated-search-field/index.html"
width="688" height="90"></embed>
<div id="wrapper">
<div id="fileWrapper" class="file_wrapper">

<p>&nbsp;</p>
<div id="info" >

M.A.K.A Spectrum Media & Music


</div>

<input type="file" id="uploadedFile"></input>


</div>
<div id="visualizer_wrapper">

<canvas id='mono-L' width="1200" height="250"></canvas>


<canvas id='mono-R' width="1200" height="250"></canvas>

</div>
</div>
<div>

<script type="text/javascript"
src="js/visualizer.js"></script>
</div>

<h1 class="heading">Classical </h1>


<div class="card" style="float:left; margin-right:auto;"><a href="pages/Am I
Wrong - Nico & Vinz.html"><span class="card" style="float:left; margin-
right:auto;"><img src="Album/Am I Wrong - Nico & Vinz.png" alt="mj image"
height="230px" width="180px" title="I Wrong" style="opacity:1;"> </span></a>

</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Cheap Thrills - Sia.html">
<img src="Album/Cheap Thrills - Sia.jpg" alt="amf image" height="230px"
width="200px" title="Cheap Thrills">
</a>
</div>
<div class="card" style="float:left; margin-left:2em;">
<a href="pages/Chris Brown Loyal.html">
<img src="Album/Chris.Brown.Loyal.png" alt="ah image" height="230px"
width="200px" title="Loyal">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Chain Smooker.html">
<img src="Album/Closer - The Chainsmokers ft.Halsey.png" alt="mj image"
height="230px" width="200px" title="ft.Halsey">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Wrecking Ball.html">
<img src="Album/Wrecking Ball - Miley Cyrus.jpg" alt="mj image"
height="230px" width="200px" title="Wrecking Ball ">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Do it again.html">
<img src="Album/Do It Again - Pia Mia ft.Chris Brown, Tyga.jpg" alt="mj
image" height="230px" width="200px" title="Do It Again">
</a>
</div>
<h1 class="heading">Pop</h1>
<div class="card" style="float:left; margin-right:auto;">
<a href="pages/Dont let me down.html">
<img src="Album/Don't Let Me Down - The Chainsmokers.png" alt="mj image"
height="230px" width="180px" title="Don't Let Me Down">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Habibi.html">
<img src="Album/habbi.jpg" alt="amf image" height="230px" width="200px"
title="Habibi">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Habibi i love you.html">
<img src="Album/Habibi I Love You - Ahmed Chawki feat. Pitbull.jpg" alt="ah
image" height="230px" width="200px" title="Habibi I Love You">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/I Bet - Ciara.html">
<img src="Album/I Bet - Ciara.jpg" alt="mj image" height="230px"
width="200px" title="I Bet">
</a>
</div>
<div class="card" style="float:left; margin-left:2em;">
<a href="pages/I Think I'm In Love.html">
<img src="Album/I Think I'm In Love - Kat Dahlia.jpg" alt="mj image"
height="230px" width="200px" title="I Think I'm In Love">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/In The Name Of Love.html">
<img src="Album/In The Name Of Love - Martin Garrix.jpg" alt="mj image"
height="230px" width="200px" title="In The Name Of Love">
</a>
</div>

<h1 class="heading">Remix</h1>
<div class="card" style="float:left; margin-right:auto;">
<a href="pages/Let Me Love You.html">
<img src="Album/Scarstoyour beautifulAlessiaCara.jpg" alt="mj image"
height="230px" width="180px" title="Let Me Love You">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Love me like you do.html">
<img src="Album/Love Me Like You Do - Ellie Goulding.png" alt="amf image"
height="230px" width="200px" title="Love Me Like You Do">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Eminem and Rihanna.html">
<img src="Album/Love The Way You Lie - Eminem+Rihanna.jpg" alt="ah image"
height="230px" width="200px" title="Love The Way You Lie">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Marshmello - Alone.html">
<img src="Album/Marshmello - Alone.png" alt="mj image" height="230px"
width="200px" title="Alone">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Never Forget You - Zara Larsson.html">
<img src="Album/Never Forget You - Zara Larsson.jpg" alt="mj image"
height="230px" width="200px" title="Never Forget You">
</a>
</div>

<div class="card" style="float:left; margin-left:2em;">


<a href="pages/Work from Home - Fifth Harmony.html">
<img src="Album/Work from Home - Fifth Harmony.jpg" alt="mj image"
height="230px" width="200px" title="Work from Home">
</a>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="footer" >

<div class="fdiv">
<h5>ABOUT: VIRTUAL MUSIC CLOUD</h5>
* Custom Music Player <br>
* Songs Lyrics<br>
* Share On Social Network <br>
* Download Music<br>
* Search Desired Songs<br>
* Songs Feedback<br>
* Gives Support For New Singers<br>
* Paid Songs Only<br>
* No Piration Allowed <br>
* Sponcer List Below
</div>
<div class="sfdiv">

<div class="logo">
<img src="logo.png">
<h3 class="slo">VIRTUAL MUSIC CLOUD</h3>
</div>

</div>

<div class="tfdiv">
<h3>Application Avaliable For...</h3>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span ><a href="https://www.apple.com/music/"> <img class="1"
src="image/1.png"></a></span><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<samp><a href="https://play.google.com/store?hl=en"> <img class="2"
src="image/2.png"></a></samp><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;

<samp><a href="https://www.microsoft.com/en-
us/store/collections/appsforwindowshello/pc"> <img class="3"
src="image/3.png"></a></samp></div>

<div class="sharelst"> &nbsp; <span><a href="http://www.facebook.com"><img


src="ICON/Facebook_48px.png" ></a></span> <span><a
href="https://www.instagram.com/"> <img src="ICON/Instagram_48px.png"
></a></span> <span><a href="https://www.youtube.com/"> <img src="ICON/YouTube
2_48px.png"></a></span> <span><a href="https://twitter.com/"> <img
src="ICON/Twitter_48px.png" ></a></span> </div>
<p class="Rights" >All Rights Reserved Copy Right By VIRTUAL MUSIC
CLOUD</p>
</div>

</body>
</html>

SCREEN SHOT

You might also like