personal-web-dev/index.html at master · adekoyadapo/personal-web-dev · GitHub

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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- SITE TITLE -->
    <title>a-cubed - IT Infrastructure Specialist</title>
    <meta name="description" content="Ade Adekoya - IT infrastructure and Cloud enthusiast">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

	<!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="css/magnific-popup.css">

    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">

    <!-- FONT AWESOME -->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">

    <!-- Custom styles for this template -->
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">

	<!-- Favicon -->
	<link rel="icon" href="img/favicon.ico">

	<!-- Touch Icons - iOS and Android 2.1+ -->
 	<link rel="apple-touch-icon" href="img/apple-favicon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone4.png" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>
  <body>

    <!-- Loader -->
    <div class="loader-con">
    <div class="spinner center">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
    </div>
    <!-- End Loader -->

    <!-- MAIN NAVIGATION BAR -->
    <header class="nav-wrapper effect">
        <a href="index.html"><image src="img/logo2.png" title="Ade - IT Infrastructure - logo"></a>
        <!-- <a class="navbar-brand effect" href="index.html">A-CUBED</a> -->
        <nav class="navbar-custom">
            <div class="container">
                 <!--   <a class="navbar-brand effect" href="index.html">A-CUBED</a> -->
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                </div><!-- End navbar-collapse -->

            </div><!-- End container -->
        </nav>
    </header>
    <!-- END MAIN NAVIGATION BAR -->

    <!-- HOME -->
    <section id="home" class="home-1 parallax one-page-section">
        <div class="page-table">
            <div class="table-cell text-center">
                <h1>Welcome, I am Ade</h1>
                <h2 class="typer-title">IT Infrastructure Enthusiast</h2>
                <ul class="social-list">
                    <li><a href="https://www.facebook.com/adedapomola.adekoya" target="_blank" class="effect"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="https://twitter.com/Dapo_Ace" target="_blank" class="effect"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="https://www.linkedin.com/in/adekoya-adedapomola" target="_blank" class="effect"><i class="fa fa-linkedin"></i></a></li>
                    <li><a href="https://www.instagram.com/adekoyaadedapomola" target="_blank" class="effect"><i class="fa fa-instagram"></i></a></li>
                </ul>
                <a href="#about" class="scroll home-s-btn hor-center"><span class="dot center"></span></a>
            </div>
        </div>
    </section>
    <!-- END HOME -->

    <!-- ABOUT -->

    <!-- END ABOUT -->

    <!-- SERVICES -->

    <!-- END SERVICES -->

    <!-- WORK -->

    <!-- END WORK -->

    <!-- TESTIMONIALS -->

    <!-- END TESTIMONIALS -->

    <!-- CONTACT -->

    <!-- END CONTACT -->

    <!-- FOOTER -->

    <!-- END FOOTER -->

    <!-- Scroll To Top Button -->
    <a href="#" class="scroll-up effect">
        <i class="fa fa-angle-up"></i>
    </a>
    <!-- End Scroll To Top Button -->

    <!-- js placed at the end of the document so the pages load faster -->
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Magnific Popup core JS file -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- Owl Carousel JS -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- jQuery Typer JS -->
    <script src="js/jquery.typer.js"></script>
    <!-- jQuery Images Loaded JS -->
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <!-- jQuery Filterizr JS -->
    <script src="js/isotope.pkgd.min.js"></script>
    <!-- Custom js -->
    <script src="js/main.js"></script>

  </body>
</html>