-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
84 lines (74 loc) · 4.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>itsmehru</title>
</head>
<link rel="stylesheet" href="/src/index.css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap" rel="stylesheet">
<script type="text/javascript" src="/src/index.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="/path/to/tailwind.css" rel="stylesheet">
<body>
<nav class="navBar">
<div class="navbariconsone"><img class="imageicons" src="/src/MSI____-logo.png" alt="" width="120" height="120"></div>
<div class="navbaricons"><a href="https://github.com/Mehr-un-nisa">Projects</a></div>
<div class="navbaricons"><a href="https://www.behance.net/mehrunnsaleem">Illustrations</a></div>
<div class="navbaricons"><a href="https://[email protected]">Contact</a></div>
<!-- <div class="navbaricons"><a href="http://www.twitter.com/mehru_saleem">Contact </a></div> -->
</nav>
<div class="mainscreen">
<h1 class="moto">J u s t<Br> b e l i e v e </b> <br>i n y o u r s e l f!</h1>
<div id="intro">
<div class="firstpara">
<h1>
👋 Hi! Mehru here! a perspective computer scientist
pursuing a Bachelor's degree in Computer Science from one
of the prestigious universities in Pakistan - <a href="https://uet.edu.pk/"><span class="unidefinition">University of Engineering and Technology, Lahore</span></a>
👩💻 Also, I am an enthusiastic Graphic & UIUX designer, always passionate about new challenges.
</h1>
</div>
<div class="designing">
<h1> I love to design. I love to explore new things. These days, I am on my way to learn
and explore :<Br> <Br>
<li><a href="https://reactjs.org/"><span class="unidefinition"> react</span></a> - a Javascript
library for building user interfaces or UI components </span></a> <Br><Br><li><a href="https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de?gi=9e59dc4d0cd8"><span class="unidefinition"> UIUX </span></a> designing
</h1>
</div>
</div>
<div class="slideshow-container">
<div class="mySlides fade">
<img class="illustrations" src="src/Badshahi [email protected]">
</div>
<div class="mySlides fade">
<img class="illustrations" src="src/Cartoon [email protected]" >
</div>
<div class="mySlides fade">
<img class="illustrations" src="src/glassPlanet.png" >
</div>
<div class="mySlides fade">
<img class="illustrations" src="src/Vector eye.jpg">
</div>
<div class="mySlides fade">
<img class="illustrations" src="src/wrapText.jpg">
</div>
<div class="mySlides fade">
<img class="illustrations" src="src/[email protected]">
</div>
<div class="mySlides fade">
<img class="illustrations" src="src/musicposter.jpg">
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
</div>
<footer class="footer">
<div class="footericons"> <a href="https://github.com/Mehr-un-nisa"><i class="fa fa-github-alt fa-1x"></i></a></div>
<div class="footericons"> <a href="https://www.linkedin.com/in/mehru-nisa-839150187/"><i class="fa fa-linkedin fa-1x"></i></a></div>
<div class="footericons"> <a href="http://www.twitter.com/mehru_saleem"><i class="fa fa-twitter fa-1x"></i></a> </div>
<div class="footericons"> <a href="http://www.facebook.com/Mehr-un-nisa"><i class="fa fa-facebook fa-1x"></i></a></div>
<div class="footericons"> <a href="https://instagram.com/itsmehru_"><i class="fa fa-instagram fa-1x"></i></a></div>
</footer>
</body>
</html>