forked from Elviscode1/HTML-LANDING-PAGE-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathelvis.html
171 lines (117 loc) · 4.26 KB
/
elvis.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
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My PORTFOLIO</title>
<link rel="stylesheet" href="./elvis.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav id="navigation menu">
<h3>Elvis</h3>
<ul>
<li><a href="https.HOME"> HOME </a></li>
<li><a href="https.ABOUT" > ABOUT</a></li>
<li><a href="https.CONTACT US" > CONTACT US</a></li>
<li><a href="https.SIGN IN" >SIGN IN</a></li>
</ul>
<i class="fa fa-align-justify" style="font-size:24px; color: #805340;" ></i>
</nav>
<section class="s1">
<article class="a1">
<h1>Achanya Elvis</h1>
<br>
<p>
My name is Achanya Elvis Alechenu , i am from Benue state which is located in the
North-central part of Nigeria. i'm a student and also a moderate programmer.
</p>
<br>
<br>
<button id="b1">My Portfolio</button>
<br>
<br>
<br>
<section id="s2">
<p>Follow me
<i class="fa fa-facebook-f" style="color: blue;"> </i>
<i class="fa fa-twitter" style="color:skyblue;"></i>
<i class="fa fa-instagram" style="color: rgba(233, 73, 73, 0.856);"></i>
</p>
</section>
</article>
<img id="i1"
src="../ASSET/image/myPics.png" alt="portfolio picture" >
</section>
</header>
<br>
<section>
<h2 style="text-align: center; font-size: xx-large;" >Services</h2>
<section class="s3">
<article>
<strong> Web developer</strong>
<p>I'm capable of giving you a good and unique Layout to your website ,
either bussiness, personal,company,musical, fashion e.t.c</p>
</article>
<br>
<article>
<strong> UlUx Engineer </strong>
<p> for my able colleagues i'm also here for you we can share ideas
on your vital works you are facing challeneges in both front-end and back-end designs. </p>
</article>
<br>
<article>
<strong> Web mentor</strong>
<p> You can count on me for both online and physical tutorials at very affortable rate ,
My tutorials are basically on Html, Css and Javascript.</p>
</article>
<br>
<article>
<strong> Technical writter</strong>
<p>As we all know this can actually mean or be seen as a software developer or a Web developer. </p>
</article>
</section>
</section>
<br>
<br>
<section style="background: silver; width: auto;" >
<img id="i2"
src="../ASSET/image/code.jpg" alt="second picture" style="height: 15rem; width: 22rem;">
<br>
<br>
<p><h5>About me</h5>
this website was built by Master Elvis who's also the owner of the website ,
like i said from start i'm a moderate programmer and student. tho the website is all about me and what i'm into or do.
</p>
</section>
<!-- Responsive Footer -->
<footer>
<section id="main">
<div id="footer-coloumn1" class="coloumn">
<h5>About Me</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, soluta.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, soluta.</p>
</div>
<div id="footer-coloumn2" class="coloumn">
<h5>Quick Links</h5>
<ul>
<li><a href="#">> My projects</a></li>
<li><a href="#">> Contact me</a></li>
<li><a href="#">> About Me</a></li>
<li><a href="#">> Work with me</a></li>
</ul>
</div>
<div id="footer-coloumn3" class="coloumn">
<h5>Contact Me</h5>
<p>Phone : +1 1800 8899 9900</p>
<p>Phone : +1 1800 8899 9900</p>
</div>
</section>
<section id="copyright">
<p>© 2020 ELVIS</p>
</section>
</footer>
<script src="../ACTON/elvis.js"></script>
</body>
</html>