-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (59 loc) · 3.91 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
<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- title -->
<title>Omar Mohamed - Portfolio Maintenance page</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<meta name="author" content="ThemeZaa">
<!-- description -->
<meta name="description" content="Omar Mohamed - Portfolio Maintenance page">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap developer, html5, css3, portfolio, blog, php, laravel, WordPress, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, personal, masonry, grid, coming soon, faq">
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon-logo.png">
<link rel="apple-touch-icon" href="images/apple-touch-logo-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-logo-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-logo-14x114.png">
<!-- style -->
<link rel="stylesheet" href="css/maintenence.css" />
</head>
<body>
<!-- start maintenance section -->
<section class="no-padding cover-background" style="background-image:url('https://images.pexels.com/photos/374880/pexels-photo-374880.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');">
<div class="opacity-full bg-black"></div>
<div class="container position-relative full-screen">
<div class="slider-typography text-center">
<div class="slider-text-middle-main xs-padding-15px-lr">
<div class="slider-text-middle">
<i class="bo-logo-omarbo" style="font-size:20em; color: white;"></i>
<span class="alt-font title-extra-large font-weight-700 text-uppercase display-block text-deep-pink margin-15px-bottom">Sorry!</span>
<div class="position-relative overflow-hidden width-50 xs-width-80 center-col margin-eight-bottom">
<span class="text-large text-outside-line-full alt-font text-uppercase">We're down for maintenance</span>
</div>
<h5 class="alt-font text-uppercase text-white font-weight-600">we'll be back shortly</h5>
<div class="social-icon-style-10 margin-30px-top">
<ul class="medium-icon">
<li><a class="facebook text-white" href="https://www.facebook.com/o.elhamedy" target="_blank"><i class="fab fa-facebook-f"></i><span></span></a></li>
<li><a class="upwork text-white" href="https://www.upwork.com/freelancers/~0185b4044487b0f321" target="_blank"><i class="bo-Upwork-logobo"></i><span></span></a></li>
<li><a class="linkedin text-white" href="https://www.linkedin.com/in/omarelhamedy/" target="_blank"><i class="fab fa-linkedin-in"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end maintenance section -->
<!-- end scroll to top -->
<!-- javascript libraries -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- images loaded -->
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>