-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (104 loc) · 6.94 KB
/
index.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="wrapper">
<nav id="navbar" class="nav">
<ul class="page-name">
<li>Personal Portfolio Webpage</li>
</ul>
<ul class="nav-link">
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">Work</a></li>
<li><a href="#profile-link">Contact</a></li>
</ul>
</nav>
<section class="welcome-section" id="welcome-section">
<h1>Hi, I'm Suraj Sidhu...</h1>
<p>An Aspiring Software Engineer</p>
</section>
<section id = "projects" class="projects-section">
<h1 class="projects-section-header">These Are Some of My Projects</h1>
<div class="projects-grid">
<a
href="https://codepen.io/ssidhu94/pen/xxmVgvx"
target="_blank"
class="project project-tile"
>
<img
class="project-image"
src="https://lh3.googleusercontent.com/pw/AIL4fc83xPKL2-cUEiRTA5yje12uY-ILMIxW5UkP2uAU_8YLJAX7H_SYoGst0fb7w3BhZ7Nv08k6abkqtR_0DK4uwmcX_AhfvjNxcGjAXHzt2o6zkVyDs4v3uKTGsZYhJwn7qPo2eI7uNVjipQQAA9-zmBd7-7OT2xKLugR53wSNLFA8UHNed3Ed5vMsxk2sdv5GuoE-6xuc4aEsoWmWhwZPyRBHIku4K2cazTkyC0WPYRewwBueOWr_wEXrZZCUCf9Gv0mc4bkst1yF04qd3yOSdUwMi1syv3CSVvdHptQqALC355ndt90BKfi-Imy6bWunprDuU4YrNoewCI-iEFln13U3wpyK0j9DY1LwOF-KptGd3RYe1t6SHnRIcIsNk39oH5cO9UkacPuy25C_8ylnWtHBsICF5T8gCF4g-Y3B3AAzVhalzp4to8tRPfB5U-RJEnDPk201DTOGOJiOq6QU3OFRUfOxjIJPmEAFE_KD5HEqiepf2gAzWbEMbQXAx_k9NHdZd_stz1z27lbcZyGWrCEeofXoDKf0s85oEUiV5fHBDrOi5uUrq_3IKgq3hN_PW2sZvOaBSiM0O6YzXuPU9wHZpviccpthslMutjL0KE7SCzfXTeXyjwYvd9_cZXO-KCsQcstwuaAV4DXLfxk9qMfBwQqsvSVBEwlY5xM3EoBSD9VCum74n9h-jCrlCfCiPLeKopdxznSSGKMKOWqgUsehFUqc0Zgy-9QRimplQ3f6mKYXfH9kFqGJKv_1Ku0TnzlqfY88Se1Ar1fHpknZaLb3AwAtiZIhmF_AQVPWE46XnQ2p2RfXJGxqPvXGzv53UJP9TSe9gOXYt2OBfFF5TOFCleo7KYSDOpZGStXuRSTTOC8DVLO5zb6BYFUh2LaoJKWjOBUgzGmK9cI-B5YCHQy6V1KBaQJ8-cVLUZDc2wLLVtH7e2Sta0mZ=w926-h366-s-no?authuser=0"
alt="project"
/>
<p class="project-title">Survey Form</p>
</a>
<a
href="https://codepen.io/ssidhu94/pen/BavKWoJ"
target="_blank"
class="project project-tile"
>
<img
class="project-image"
src="https://lh3.googleusercontent.com/pw/AIL4fc-Ea3Cp0PXc0FVo_ISgR4prpV4JElUIXc2Z0GHfQl2UX4qdMYMEvRz9McwkQYgEkwsIw2RKH3Gq0tn_mTm9t53E9BCtYqqjaxvqi-LmKlU6ywZzAMfjynNIoJMsuPm9h6kJuUjRCFh0sSj3Y9hANEWCwUy5UUhUlEnZdKTXtqClkf6IIKSDb_OzToN2OlyFPZ9uENpGOAXfXwu2DdnnY0xdrxHj7KFjyYf4RtPuEAE2dvvVv4tGb1jwwIELh9r881PmRTxfXD4te8LBET6v-cjFg56p5yYJSIZKiOjkMjPab8iacoh0m_59FUPeUdGIDyhjFzLu1yVeHw5D6rl2e2yBqkkEG4C0JGY5oO6O2yvTcEOeYFC_9IxFYUBeSwNMRVLYp59wolY6YERSPmukp5kb3OCsG04LGRWrOhCFyZP32Sz808ALd9Cqgx8OyYDr6jSfiJUAoEN9hwMeKuL1VAXBArW1BYclrYIGeBBTPtXy7sdRko2fi6q6agFTg1MJh2HJRVIhOfipuH7_QMiSnS-hWi3LmWSglPpJltIS_HYC95djBHY_KtcZNx8RicepbCtKXCkLYaGWEPfqOfB4-AndaFqQBBFrR9WDA3bKig798lRVgeGsxYRVHVgPMpc94TP8F0V0jx5Yh5Sv9twmreD3hKvxc1iFTPlIFiEjxdMaT0sv0f3Kj3aS9vf2MQfPcVQjGnA7lUdk_9CtZmLBO5X8m529IjRFHXvS1yllArbANYN74MV0x4Yb5-uqAGO6hR4Di7CCLbVewxJLYucb_l4zVPhjVs6yZ0FMJOFvBsdVBj8wvDUXqAEuknZdtSz-ZCj5ta97NpUPnhGhOv4XJhTbAlGdAK6-fDnh2M0E8r-LbHTuDGNZmi1jZRwiSQYWbF-Y4kPW0Rf4uxrI-QqtI_VNXEsKQhyT1qxTAzeWJGpSkl6pjrfcveWN=w1906-h966-s-no?authuser=0"
alt="project"
/>
<p class="project-title">Tribute Page</p>
</a>
<a
href="https://codepen.io/ssidhu94/pen/LYXvBPa"
target="_blank"
class="project project-tile"
>
<img
class="project-image"
src="https://lh3.googleusercontent.com/pw/AIL4fc-gC2U-EH_nXmYkpdiP7ZieyKHp4nGBX-NX6AVPn6KMTpHeLSymXROuEPb4tIruLcqhxZkrmlHHE_VQFcguC_jD8pq8aSuGnOGTW4Ce0DDAKaKdP_NhqHbXlsJnzi4-_YPwcibQdUryTh_z_o5DEs968tIbbVRz8zK_j2M2gtDqD_9FIWD_JQ_-r0pxOryygk9sRGanLoqB3KJtLscbjQw9fzc-QuVdB698Yx-Aqd_2vjKD8mdDYEvFyk5Puoax0G8I8e-aKpWXXdMnXtqiCf8aFpTjmr2iH6r5yuxTbRKZofXrX1wlS3IOrkX4yGEB2bv1s0UasaI5ylJIbtHkFBe5SSxghQrN7OuUDIM4-swcZKCMtP-P_ky9ujmdRBF9Ubrs4rlYZtlQKwiuE92K-hKeoKGS2245ezWHXEur-FODUseTdcc1U66zn6rw3PusvdlZSKx4S3p9z4bu8UIOFmapQLk_cjIpZfvKlv0Z952lubeX9Hn71hKb4_M-_20rLeVHXExz9AgCuouYAfzQYqX2vMML867LLahx7Txlxin8j4FQdvJwRj4L8fd3A5sAd3wPPEJ3nC2cue8N_mmqaxPmBsPA9xU5UH-b0bDvzMoe2W7NGraK5FqiMZ0bJsrzjGxB9THWPj7zLb_I_HIxay1bNvhDJB8EhNpoonjqhKvm_RGly-1ZWUNFIOjJr2jqOt53v3DnMpGmYNpN1OGuXPgr8_js9pseOgksCFu0KsAZsR07MYfoVdnMmxBHFg2IOV50dX-7M5dqGdhbMDLIClWbQNx-newW7Z7JYHaEvYdD-l6ghi9sUmHGlErXCZL7zl-tPUeM0WTZDHFNkqD-LPUQdUwOvzCz3NPuy97tnuzw-qUAcHhFf4ENCdGIXhCB11w1I66D5t5Vhp8y9E6el9aDHfbz6HSP0zJsGlY9PmPSw49dpQSDvwIF=w766-h686-s-no?authuser=0"
alt="project"
/>
<p class="project-title">Technical Document Page</p>
</a>
<a
href="https://codepen.io/ssidhu94/pen/mdaJGjo"
target="_blank"
class="project project-tile"
>
<img
class="project-image"
src="https://lh3.googleusercontent.com/pw/AIL4fc8i_RRvkwZJuwQEprSdfzzjWI8hUTKTghCUNXT0Lscm1_aVU_N-ymvaN3CF2rdxyC9RyyqGil6sZE_7gqW1h8NABXTY3mRCMD0V-xowIwReA4lVOdMiM2IQioXGYIAMIEa2ipEXkLTsD6d5peJKvd4NkjZGP-EeXOunjhPlJtkL8xvu3RI-9vUE-tNryih-4LMQKk_UrXY6EYF3mwe3hUhhVt0OFCsaOOcUaZ42olC9XjumHdHLDESEvvpgHk1VIjIo4i7GGPIC4ZClpxPpMH8Q-iaNI_k4ngDzS95JbyQrMZivNL7F2tQUHyD7KYmwNN4YmyvcVzhi-GDnZQfsRvqRDvksvFUtMuLYz4YegPEpHRb_BUoYPnV0WmkJ6rHaPnRJKyI3nuD3aGn_nyYN0c8Xzi0xiCt6mOFfbGgc3IZXUMrg9IyfuKwVzVofAG1WJD4zezSzwf3ge1LUZWslS4YvTtPsZgp6wO0gpvOUKeJ7xurAy9J1KPAoBFMOUtgcBcZ3HkgX2RLa0S7IOBA3ZVMUSMTc2-K1XSBVlTyQeht6kJRXWKsWr7OuuR9G_f9f_PgxD2tW7rffN7fLHPEr6FwfJJlH_N0tfzEcil7CxrLJv0F-Bmg_9nP7Id5AIsm_CjY4y_EyKj2GcxcGFgG6VR7p9JN-IRb6yRU5jSAYf5O3EhXFs82gLG3lTy0sNC1ALIpgTqaWVGuIAe9B9BlAr6uzK_cbHO8OHVnz9XMbgF5VJeR73KltdTZlUj8OqbMfL3PeDP2dO5rncr4k49AG_jyBtpnmENNTTPou0HGGcZ_gLMpA0NxW3-nAtb16rDYpd9m_8HJy7D2L4PwXT-_eQyc5Ig417s0sJ6v0cElogTzB6_DRJBsZ8lI3hmEbtmv-ZlhB1aLPZ2129dGhmAmt9WXweYoN6sgAga2S8f99fZYKpmgmH_xgqgri=w767-h687-s-no?authuser=0"
alt="project"
/>
<p class="project-title">Product Landing Page</p>
</a>
</div>
</section>
<section id="contact" class="contact-section">
<div class="contact-section-header">
<h2>Interested In My Work?...</h2>
<p>Reach Out:</p>
</div>
<div class="contacts-link">
<a
id="profile-link"
href="https://codepen.io/ssidhu94"
target="_blank"
class="btn contact-details"
>Codepen
</a>
<a
href="https://linkedin.com/in/suraj-sidhu"
target="_blank"
class="btn contact-details"
>LinkedIn
</a>
<a
href="mailto: suraj.sidhu94@hotmail.com""
target="_blank"
class="btn contact-details"
>Email
</a>
</div>
</section>
</div>
</body>
</html>