-
Notifications
You must be signed in to change notification settings - Fork 0
/
BlogPost.html
84 lines (74 loc) · 3.53 KB
/
BlogPost.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>
<!--Header-->
<head>
<link href="./CSS/BlogPost.css" type="text/css" rel="stylesheet"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet">
<link href="./CSS/ResponsiveBlogPost.css" type="text/css" rel="stylesheet"/>
<meta charset="utf-8">
<script src="https://kit.fontawesome.com/56fce2388d.js" crossorigin="anonymous"></script>
<title>Blog Posts</title>
</head>
<body>
<h1 class="top">Nada's Personal Blog</h1>
<!--Nav bar-->
<ul class="navbar">
<li><a href="BlogHomePage.html"> <i class="far fa-arrow-alt-circle-left"></i> Back to Home <i class="fas fa-home"></i></a></li>
</ul>
<!--Author info-->
<div class="authorInfo">
<h2><span> Author Info </span></h2>
<!--Author info boxes + Social sharing Box-->
<div class= "Body">
<div class="AllBoxes">
<div class="boxes">
<h3>Name:</h3>
<p>Nadosha</p>
</div>
<div class="boxes">
<h3>Title:</h3>
<p>Computer Science Student</p>
</div>
<div class="boxes">
<h3>Current Company/School: </h3>
<p>Studies at Faculty of Computers and Artificial Intelligence, Cairo University</p>
</div>
<div class="boxes" id="bio">
<h3>Short Bio:</h3>
<p>
I like <b>Reading</b>, <b>Making resin crafts</b>,<b>Animal keeping</b>,<b>raising flowers</b>, and a lot of things.
<blockquote cite="https://www.indeed.com/career-advice/career-development/how-to-write-a-short-bio">
I am an accomplished coder and programmer, and I enjoy using my skills to contribute to
the exciting technological advances that happen every day at Oswald Tech. I graduated from
the California Institute of Technology in 2016 with a Bachelor's Degree in Software
Development. While in school, I earned the 2015 Edmund Gains Award for my exemplary academic
performance and leadership skills.
</blockquote>
</p>
</div>
<div class="boxes">
<h3>Avatar:</h3>
<img src="./images/girl_icon_cute_cartoon_character_sketch_6840641.jpg" width="300px">
<figcaption>Nada</figcaption>
</div>
</div>
</div>
<!--Social Sharing-->
<div class="social">
<h2>Contact me on:</h2>
<ul>
<li><a href="">Facebook <i class="fab fa-facebook"></i></a></li>
<li><a href="">Twitter <i class="fab fa-twitter"></i></a></li>
<li><a href="">Linkedin <i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<!--Footer-->
<footer class="myFooter">
<p>Copyright © 2021. All Rights Reserved.</p>
<h3>Made with <span id="heart">❤</span> by Nada Ahmed</h3>
</footer>
</body>
</html>