-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (116 loc) · 6.65 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
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Abdulwahaab</title>
<link rel="icon" href="img/logo.png">
<!--Let browser know website is optimized for mobile-->
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link type="text/css" rel="stylesheet" href="includes/css/style.css" media="screen,projection"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<div class="parallax-container" id="home">
<div id="navbg" class="parallax">
<div class="outer">
<div class="middle">
<div class="inner"><h1>Hello World!</h1></div>
</div>
</div>
</div>
</div>
<div id="navbar">
<nav>
<div class="navbar navbar-inverse">
<div class="nav-wrapper" >
<a href="#!" class="logo-link display-desktop">
<img class="logo" src="img/logo.png" alt="Abdulwahaab">
</a>
<ul class="desktop table-of-contents">
<li><a class="nav-link-hash active" href="#home" id="homeLink">Home</a></li>
<li><a href="#aboutMe" class="nav-link-hash">About me</a></li>
<li><a href="https://github.com/Abdulwahaab710?tab=repositories" class="nav-link" target="_blank">Projects</a></li>
<li><a href="#contactMe" class="nav-link-hash">Contact</a></li>
<li><a href="#" id="blog" class="nav-link-hash">Blog</a></li>
</ul>
<div class="mobile-nav display-mobile">
<a href="#!" class="logo-link">
<img class="logo" src="img/logo.png" alt="Abdulwahaab">
</a>
<a href="#!" data-activates="mobile-demo" class="button-collapse">
<i class="material-icons">menu</i>
</a>
</div>
<div class="overlay"></div>
<ul class="side-nav gray" id="mobile-demo">
<li><a class="mobile-nav-links" href="#home">Home</a></li>
<li><a class="mobile-nav-links" href="#aboutMe">About me</a></li>
<li><a class="mobile-nav-links" href="https://github.com/Abdulwahaab710?tab=repositories" target="_blank">Projects</a></li>
<li><a class="mobile-nav-links" href="#contactMe">Contact</a></li>
<li><a href="#" id="blog" class="nav-link-hash">Blog</a></li>
</ul>
</div>
</div>
</nav>
</div>
<main>
<section class="div-container dark-gray" id="aboutMe">
<div class="section">
<div class="aboutMe empty-div">
<div class="left"><img src="https://github.com/abdulwahaab710.png" alt="profile picture"></div>
<div class="right">
<p id="pRight" class="hide-on-med-and-down right-align ">
I am a student at the University of Ottawa Go gee gees go 🐴, studying Honours BSc with Specialization in Computer Science 🖥.
I am currently an intern in the Trust RnD 🛡 team at <a href='https://shopify.ca'><span style="background: #30373b; color: #7ab55c;border-radius: 5px;"> Shopify </span></a>.
I am passionate about b(uilding|reaking) things 🛠🔥, solving security problems🚨, shipping code 🚢, Capture the Flag (CTF)🚩☠️ and vim. On a side note I love laptop stickers 😜 . To see all my projects, please checkout my <a href='https://github.com/abdulwahaab710'>GitHub</a>.</p>
</div>
</div>
</div>
</section>
<section class="div-container light-gray" id="contactMe">
<div class="section">
<h1 style="color: white; padding-bottom: 1.5em;"> Soon a form will be up :) </h1>
</div>
</section>
</main>
<footer class="blue">
<div class="container">
<div class="section scrollspy">
<div class="row get-in-touch">
<div class="col l12 s12 footer-links" style="text-align: center;">
<h5 class="white-text">LET'S SOCIALIZE</h5>
<div class="socialize-div">
<p class="grey-text text-lighten-4" >
I'm very social and I'd love to hear from you! Feel free to send me an email, connect with me on LinkedIn
follow me on Twitter or GitHub and join me on LinkedIn.
</p>
</div>
<div class="follow_us">
<ul class="social-media-links">
<li class="social-media-link"><a class="link-github" href="https://github.com/abdulwahaab710" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>
<li class="social-media-link"><a class="link-twitter" href="https://twitter.com/nu115t0rm" id="twitter-black" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li class="social-media-link"><a class="link-linkedin" href="https://linkedin.com/in/abdulwahaab710" id="LinkedIn-black" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="footer-container">
<a class="footer-link" href="https://Abdulwahaab.ca">Abdulwahaab.ca</a> © 2016 - All Rights Reserved
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
<script src="includes/js/script.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.all.min.js" integrity="sha256-2GkT6lriP8GtxOnN1Jo6iGnw1+jciSnDw2AwDdJBqqM=" crossorigin="anonymous"></script>
<script>
$('#blog').click(() => {
swal('😀 Coming soon stay tuned!')
})
</script>
</body>
</html>