-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathroots.html
77 lines (66 loc) · 3.77 KB
/
roots.html
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
69
70
71
72
73
74
75
76
77
<html lang ="en">
<head>
<script src="https://kit.fontawesome.com/f3348a7004.js" crossorigin="anonymous"></script>
<link rel="icon" href="resources/logo1.png" type="image/x-icon" />
<title>Shaaf Yousaf</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<meta charset="UTF-8">
<meta name ='viewport' content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body class="aboutme">
<!--<i class="fa-solid fa-download HideOnMobile" style="color: black;"></i>-->
<!--<a class ='resume HideOnMobile' href="resources/resume.pdf" target="_blank"> resume</a>-->
<div class = 'ShowOnMobile'>
<img class="mobimg" src = 'resources/logo-black.png' alt = 'logo' ></img>
<h3 class ='page' style="color: black">⊳ roots</h3>
<a class="clickedhome" href="menumob.html" style="
color: black;text-align:center;
align-content: stretch;">
<i class="fa-solid fa-bars fa-2xl" ></i></a>
</div>
<div class = 'sidenavbar HideOnMobile'>
<a class = 'button unselected' href = "index.html">home</a>
<a class = 'button unselected' href = "projects.html">projects</a>
<!-- <a class = 'button unselected' href = "artproj.html">art projects</a>-->
<h2 class = 'button selected' style="color: black">> roots</h2>
</div>
<div class = 'logo HideOnMobile'>
<!-- <h1 class = 'watermark'>SY</h1>-->
<img class='deskimg' src = 'resources/logo-black.png' alt = 'logo'>
<h2 class ='page' style="color: black">shaaf yousaf</h2>
<h3 class ='buildupdate' style="color: black">updated ━━</h3>
<h3 class ='build' style="color: black">Jan 2025</h3>
<h3 class ='buildbottom' style="color: black">━━━━━━━</h3>
<h2 class ='copyright' style="color: black">© Shaaf Yousaf</h2>
</div>
<div class = 'flex_containerR' style="text-align: right">
<div class="empty ShowOnMobile" style="height: 8vw;"></div>
<div class=" HideOnMobile" style="min-height: 100px; min-width: 10%; background-color: rgba(255,255,255,0)"></div>
<img class="HideOnMobile" src = 'resources/pic.jpg' alt = 'logo' style="
position:fixed; right: 50px; top: 7%;width: 20vw;margin-top: 3vw;">
<img class="ShowOnMobile" src = 'resources/pic.jpg' alt = 'logo' style="
width: 40vw;margin-top: 3vw;">
<div class="ShowOnMobile" style="min-height: 4vw; min-width: 10%; background-color: rgba(255,255,255,0)"></div>
<h1 id ='const5' >My name is</h1>
<h1 id ='const4' >SHAAF</h1>
<h1 id ='const4' >YOUSAF</h1>
<!-- <h1 id="const8" style="margin-top: 0; color: rgba(0,0,0,0); text-transform: none">-->
<!-- rgwerwergewrgwe </h1>-->
<h1 id="const8" style="margin-top: 0; color: rgb(0,0,0); text-transform: none">
A Software Engineer and Filmmaker</h1>
<a id ='const8' style="border: 1px solid black; color:black;text-decoration: none;font-weight: bold;"href="resources/resume.pdf" target="_blank">>> click here for my resume <<</a>
<!-- <h1 id="const8" style="margin-top: 0; color: rgba(0,0,0,0); text-transform: none">-->
<!-- rgwerwergewrgwe </h1>-->
<!-- <h1 id="const8" style="margin-top: 0; color: rgb(0,0,0); text-transform: none">-->
<!-- My ultimate goal is to create applications or products that simplify tasks and meet people's needs through the effective use of technology. </h1>-->
<img id="edu" src="resources/card-education.png" alt = "edu">
<div class="imgholder">
<img id="card" src="resources/card-1.png" alt = "edu"
style="margin-right: 0">
<img id="card" src="resources/card-2.png" alt = "edu">
</div>
<div class=" HideOnMobile" style="min-height: 200px; min-width: 10%; background-color: rgba(255,255,255,0)"></div>
</div>
</body>
</html>