-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
19 lines (18 loc) · 6.09 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Sharaf's Portfolio</title>
<base href="/">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#363636">
<meta name="msapplication-navbutton-color" content="#363636">
<meta name="apple-mobile-web-app-status-bar-style" content="#363636">
<script>
document.documentElement.setAttribute('data-theme',localStorage.getItem('theme') || 'default');
</script>
<style>@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--surface-a:#071426;--surface-b:#040d19;--surface-c:rgba(255, 255, 255, .03);--surface-d:#0b213f;--surface-e:#071426;--surface-f:#071426;--text-color:rgba(255, 255, 255, .87);--text-color-secondary:rgba(255, 255, 255, .6);--primary-color:#93C5FD;--primary-color-text:#1c2127;--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--surface-0:#040d19;--surface-50:#1d2530;--surface-100:#363d47;--surface-200:#4f565e;--surface-300:#686e75;--surface-400:#82868c;--surface-500:#9b9ea3;--surface-600:#b4b6ba;--surface-700:#cdcfd1;--surface-800:#e6e7e8;--surface-900:#ffffff;--gray-50:#e6e7e8;--gray-100:#cdcfd1;--gray-200:#b4b6ba;--gray-300:#9b9ea3;--gray-400:#82868c;--gray-500:#686e75;--gray-600:#4f565e;--gray-700:#363d47;--gray-800:#1d2530;--gray-900:#040d19;--content-padding:1.25rem;--inline-spacing:.5rem;--border-radius:6px;--surface-ground:#040d19;--surface-section:#040d19;--surface-card:#071426;--surface-overlay:#071426;--surface-border:#0b213f;--surface-hover:rgba(255,255,255,.03);--focus-ring:0 0 0 .2rem rgba(147, 197, 253, .5);--maskbg:rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}:root{--blue-50:#f5f9ff;--blue-100:#d0e1fd;--blue-200:#abc9fb;--blue-300:#85b2f9;--blue-400:#609af8;--blue-500:#3b82f6;--blue-600:#326fd1;--blue-700:#295bac;--blue-800:#204887;--blue-900:#183462;--green-50:#f4fcf7;--green-100:#caf1d8;--green-200:#a0e6ba;--green-300:#76db9b;--green-400:#4cd07d;--green-500:#22c55e;--green-600:#1da750;--green-700:#188a42;--green-800:#136c34;--green-900:#0e4f26;--yellow-50:#fefbf3;--yellow-100:#faedc4;--yellow-200:#f6de95;--yellow-300:#f2d066;--yellow-400:#eec137;--yellow-500:#eab308;--yellow-600:#c79807;--yellow-700:#a47d06;--yellow-800:#816204;--yellow-900:#5e4803;--cyan-50:#f3fbfd;--cyan-100:#c3edf5;--cyan-200:#94e0ed;--cyan-300:#65d2e4;--cyan-400:#35c4dc;--cyan-500:#06b6d4;--cyan-600:#059bb4;--cyan-700:#047f94;--cyan-800:#036475;--cyan-900:#024955;--pink-50:#fef6fa;--pink-100:#fad3e7;--pink-200:#f7b0d3;--pink-300:#f38ec0;--pink-400:#f06bac;--pink-500:#ec4899;--pink-600:#c93d82;--pink-700:#a5326b;--pink-800:#822854;--pink-900:#5e1d3d;--indigo-50:#f7f7fe;--indigo-100:#dadafc;--indigo-200:#bcbdf9;--indigo-300:#9ea0f6;--indigo-400:#8183f4;--indigo-500:#6366f1;--indigo-600:#5457cd;--indigo-700:#4547a9;--indigo-800:#363885;--indigo-900:#282960;--teal-50:#f3fbfb;--teal-100:#c7eeea;--teal-200:#9ae0d9;--teal-300:#6dd3c8;--teal-400:#41c5b7;--teal-500:#14b8a6;--teal-600:#119c8d;--teal-700:#0e8174;--teal-800:#0b655b;--teal-900:#084a42;--orange-50:#fff8f3;--orange-100:#feddc7;--orange-200:#fcc39b;--orange-300:#fba86f;--orange-400:#fa8e42;--orange-500:#f97316;--orange-600:#d46213;--orange-700:#ae510f;--orange-800:#893f0c;--orange-900:#642e09;--bluegray-50:#f7f8f9;--bluegray-100:#dadee3;--bluegray-200:#bcc3cd;--bluegray-300:#9fa9b7;--bluegray-400:#818ea1;--bluegray-500:#64748b;--bluegray-600:#556376;--bluegray-700:#465161;--bluegray-800:#37404c;--bluegray-900:#282e38;--purple-50:#fbf7ff;--purple-100:#ead6fd;--purple-200:#dab6fc;--purple-300:#c996fa;--purple-400:#b975f9;--purple-500:#a855f7;--purple-600:#8f48d2;--purple-700:#763cad;--purple-800:#5c2f88;--purple-900:#432263;--red-50:#fff5f5;--red-100:#ffd0ce;--red-200:#ffaca7;--red-300:#ff8780;--red-400:#ff6259;--red-500:#ff3d32;--red-600:#d9342b;--red-700:#b32b23;--red-800:#8c221c;--red-900:#661814;--primary-50:#fafcff;--primary-100:#e5f1ff;--primary-200:#d1e6fe;--primary-300:#bcdbfe;--primary-400:#a8d0fd;--primary-500:#93c5fd;--primary-600:#7da7d7;--primary-700:#678ab1;--primary-800:#516c8b;--primary-900:#3b4f65}@charset "UTF-8";:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1 }:root{--primary-clr:#ce0e0d;--primary-clr-opacity:rgba(206, 14, 13, .5);--text-clr:#fff;--background-darker-clr-opacity:rgba(34, 34, 34, .75);--background-darker-clr:rgba(34, 34, 34);--background-clr-opacity:rgba(68, 68, 68, .8);--background-clr:#444444;--gradient:linear-gradient(135deg, rgba(206, 14, 13, .27) 0%, rgba(0, 0, 0, 0) 100%);--line-gradient:linear-gradient(to right, rgba(206, 14, 13, .7) 0%, rgba(0, 0, 0, 0) 100%);--backdrop-filter:none;--cubic-bezier:cubic-bezier(.175, .885, .32, 1.275)}html{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}*{padding:0;margin:0;transition:color .5s ease,background-color .5s ease,border-color .5s ease,fill .5s ease,background .5s ease,-webkit-backdrop-filter .5s ease;transition:color .5s ease,background-color .5s ease,border-color .5s ease,fill .5s ease,background .5s ease,backdrop-filter .5s ease;transition:color .5s ease,background-color .5s ease,border-color .5s ease,fill .5s ease,background .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease}body{background:url(bg.85015bf69586a562.jpg) no-repeat center;margin:0;width:100%;height:100%;min-height:100%;font-size:15px;font-family:Poppins,Helvetica,sans-serif;overflow:hidden;background-size:cover;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}</style><link rel="stylesheet" href="styles.8ac20b9bf1d66371.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.8ac20b9bf1d66371.css"></noscript></head>
<body>
<app-root></app-root>
<script src="runtime.686533d9948bd60e.js" type="module"></script><script src="polyfills.72fdeeaf93de4684.js" type="module"></script><script src="main.22df0a607d5a40b5.js" type="module"></script>
</body></html>