Skip to content

Commit 8639c37

Browse files
author
Michael
authored
first commit
1 parent fa437d7 commit 8639c37

File tree

6 files changed

+161
-0
lines changed

6 files changed

+161
-0
lines changed

‎CSS/bootstrap.min.css‎

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎CSS/style.css‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
*
2+
body {
3+
background-color: rgb(41, 41, 41);
4+
color: rgb(172, 172, 172);
5+
}
6+
7+
#main {
8+
background-color: rgb(29, 29, 29);
9+
}
10+
11+
#main img {
12+
width: 250px;
13+
}
14+
15+
.container {
16+
max-width: 800px;
17+
}
18+
19+
#data .item {
20+
padding: 15px 0;
21+
}
22+
.social a {
23+
color: rgb(172, 172, 172);
24+
background-color:rgb(41, 41, 41);
25+
width: 40px;
26+
height: 40px;
27+
border-radius: 50%;
28+
font-size: 25px;
29+
padding-top: 4px;
30+
text-align: center;
31+
}
32+
33+
@keyframes fadeIn {
34+
from {
35+
opacity: 0;
36+
}
37+
to {
38+
opacity: 1;
39+
}
40+
}
41+
42+
.fade-in {
43+
animation: fadeIn 2s ease-in forwards;
44+
}
45+
46+
@keyframes glow {
47+
0% {
48+
box-shadow: 0 0 50px #fafedb57;
49+
}
50+
50% {
51+
box-shadow: 0 0 30px #fafedba5;
52+
}
53+
100% {
54+
box-shadow: 0 0 50px #fafedb57;
55+
}
56+
}
57+
58+
.glow {
59+
box-shadow: 0 0 50px #fafedb57;
60+
animation: glow 2s 5;
61+
}
62+

‎JS/bootstrap.min.js‎

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
## Michael's Personal Site

‎img/michael.jpeg‎

42.1 KB
Loading

‎index.html‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Michael</title>
7+
8+
<link href="CSS/bootstrap.min.css" rel="stylesheet">
9+
<link rel="stylesheet" href="CSS/style.css">
10+
</head>
11+
12+
<body class="fade-in">
13+
<section id="main" class="py-5">
14+
<div class="container">
15+
<div class="row align-items-center">
16+
<div class="col-12 col-sm-6 col-md-4 order-1 py-4 py-md-0 text-center text-sm-end">
17+
<h3 class="typing">Hi! I’m Michael.</h3>
18+
</div>
19+
20+
<div class="col-12 col-sm-6 col-md-8 order-0 text-center ">
21+
<img src="img/michael.jpeg" class="glow img-fluid rounded-circle border" alt="Michael">
22+
</div>
23+
24+
</div>
25+
</div>
26+
</section>
27+
<section id="data" class="py-5">
28+
<div class="container">
29+
<div class="item">
30+
<h5>I am a software engineer.</h5>
31+
</div>
32+
33+
<div class="item" id="career">
34+
<h5>Career</h5>
35+
<p> I don’t really keep a public resume/LinkedIn anymore but for the sake of helping people quickly get an overview of my work, here you go:
36+
</p>
37+
<ul><li><p>I have a high school degree, class of 2005.
38+
</p></li></ul>
39+
<ul><li><p>
40+
I founded a SAAS website 93socialproof.com from 2006 - 2007. first SAAS that adds social proof to website. people can create and customize different type of social proof on my website. And after that, they need to include script to their website to enable social proofs.
41+
42+
43+
</p></li></ul>
44+
<p><ul><li>
45+
I worked at Safha Solutions from 2008 - 2014.
46+
47+
</li></ul></p>
48+
<p><ul><li>
49+
I worked at ORYXLab.com from 2015 - 2024.
50+
51+
</li></ul></p>
52+
53+
<h5 class="item">Here are some other places you can find me:</h5>
54+
<ul>
55+
<li><a href="http://twitter.com/__michael8">Tweets</a></li>
56+
<li><a href="http://github.com/michael8e">Code</a> (but most of my code is private these days) </li>
57+
<li>For writing and speaking requests, you can reach me at [email protected].</li>
58+
</ul><div></div>
59+
<ul></ul>
60+
<div class="container mt-5 item">
61+
<div class="row justify-content-center row align-items-center list-inline-item">
62+
<div class="col-md-6">
63+
<div class="card shadow-lg p-3 mb-5 bg-danger rounded">
64+
<div class="card-body bg-dark text-light">
65+
<h5 class="card-title">Carson Rathi</h5>
66+
<h6 class="card-subtitle mb-2 text-muted">CEO, Asta e-service.</h6>
67+
<p class="card-text">
68+
"This Developer, is the “God” of coding. I have worked with many programmer but this guy is MASTER of coding and very nice and responsible human. 10/10. Highly recommend it to others in the industry!"
69+
</p>
70+
</div>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
79+
80+
</section>
81+
<script src="JS/bootstrap.min.js"></script>
82+
</body>
83+
84+
</html>

0 commit comments

Comments
 (0)