File size: 3,643 Bytes
e9168a0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shared with me - Google Drive</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<div class="header-left">
<div class="header-logo" onclick="window.location.href='index.php'">
<svg width="40" height="40" viewBox="0 0 40 40">
<path fill="#4285F4" d="M22.56 12.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h8.13c.85 0 1.54-.63 1.54-1.41z"/>
<path fill="#34A853" d="M26.28 16.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h11.85c.85 0 1.54-.63 1.54-1.41z"/>
<path fill="#FBBC04" d="M28.6 20.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h14.17c.85 0 1.54-.63 1.54-1.41z"/>
<path fill="#EA4335" d="M26.28 24.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h11.85c.85 0 1.54-.63 1.54-1.41z"/>
</svg>
</div>
<span class="header-title">Drive</span>
</div>
<div class="header-right">
<div class="header-icon"><span class="material-icons">help_outline</span></div>
<div class="header-icon"><span class="material-icons">settings</span></div>
<div class="header-icon"><span class="material-icons">apps</span></div>
<div class="header-icon"><span class="material-icons">account_circle</span></div>
</div>
</div>
<div class="sidebar">
<div class="new-button" onclick="window.location.href='index.php'">
<span class="material-icons">add</span>
<span>New</span>
</div>
<ul class="sidebar-menu">
<li class="sidebar-item" onclick="window.location.href='index.php?view=my-drive'">
<span class="material-icons">folder</span><span>My Drive</span>
</li>
<li class="sidebar-item active" onclick="window.location.href='shared.php'">
<span class="material-icons">people</span><span>Shared with me</span>
</li>
<li class="sidebar-item" onclick="window.location.href='index.php?view=recent'">
<span class="material-icons">access_time</span><span>Recent</span>
</li>
<li class="sidebar-item" onclick="window.location.href='index.php?view=starred'">
<span class="material-icons">star</span><span>Starred</span>
</li>
<li class="sidebar-item" onclick="window.location.href='index.php?view=trash'">
<span class="material-icons">delete</span><span>Trash</span>
</li>
</ul>
<div class="storage-info">
<div class="storage-text">Storage</div>
<div class="storage-bar"><div class="storage-used" style="width: 0%;"></div></div>
<div class="storage-text">0 GB of 15 GB used</div>
</div>
</div>
<div class="main-content">
<div class="empty-state">
<span class="material-icons">people_outline</span>
<h2>Nothing shared yet</h2>
<p>Files and folders others share with you will show up here</p>
</div>
</div>
</body>
</html> |