-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (172 loc) · 7.2 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
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!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.0">
<title>my personal portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://kit.fontawesome.com/d735c73def.css" crossorigin="anonymous">
</head>
<body >
<header>
<a href="#" class="logo">IBENYE JEHOSHAPHAT</a>
<div class="class">
<ul class="navbar">
<li><a href="#">HOME</a></li>
<li><a href="#about_me">ABOUT</a></li>
<li><a href="#skills">SKILLS</a></li>
<li><a href="#">PORTFOLIO</a></li>
</ul>
</div>
</header>
<section class="home" id="home">
<div class="social">
<a href=""><i class="bx bxl-facebook"></i></a>
<a href=""><i class="bx bxl-twitter"></i></a>
<a href=""><i class="bx bxl-instagram"></i></a>
<a href=""><i class="bx bxl-whatsapp"></i></a>
<a href=""><i class="bx bxl-snapchat"></i></a>
</div>
<div class="home-img">
<img src="./BXCX7142.JPG" alt="jeho">
</div>
<div class="home-text">
<span>HELLO I AM</span>
<h1>IBENYE JEHOSHAPHAT</h1>
<h2>A WEB DESIGNER</h2>
<p>A man full of grace and love from GOD who can help build any website of your choice. <br><br> A CHILD OF THE MOST HIGH</p>
<a href="#" class="btn">Contact Me</a>
</div>
</section>
<section class="about" id="about_me">
<div class="heading">
<h2>About Me</h2>
<span>Introduction</span>
</div>
<div class="about-container">
<div class="about-img">
<img src="./277840633_534118351392877_5708956350219862856_n.jpg" alt="">
</div>
<div class="about-text">
<p>
"Hello! My name is IBENYE JEHOSHAPHAT, and I am a web designer with a passion for creating beautiful, user-friendly websites that help businesses and organizations achieve their goals.
<br><br>
I have a strong understanding of web design principles and a keen eye for aesthetics. I specialize in creating visually appealing and responsive designs that look great on any device. I also have experience with web development and can work with HTML, CSS, and JavaScript to bring my designs to life.
<br><br>
I am a problem solver and am always looking for ways to improve the user experience. I take the time to understand my clients' needs and goals and work closely with them to create a website that will help them achieve their objectives.
<br><br>
I have experience working with a variety of industries, including e-commerce, non-profit, and small businesses. I am always eager to take on new challenges and learn new technologies.
<br><br>
If you're looking for a web designer who will work closely with you to create a website that will help you achieve your goals, I'd love to hear from you."
<br><br>
</p>
<!-- <div class="information">
<div class="info-box">
<i classbx bxs-user=""></i>
<span>ibenye jehoshaphat</span>
</div>
<div class="info-box">
-skills-->
<!-- <i class="bx bxs-phone"></i>
<span>09019926589</span>
</div> -->
<!-- <div class="info-box">
<i class="bx bxs-envelop"></i>
<span>[email protected]</span>
</div> -->
</div>
</div>
<!-- <a href="pics.rar" download class="btn">download my photos</a> -->
</section>
<section id="skills">
<h2>My Skills</h2>
<div class="skill-box">
<img src="https://fonts.gstatic.com/s/i/materialicons/web/v6/24px.svg" alt="Web Design Icon">
<h3>Web Design</h3>
<p>I have a strong understanding of web design principles and a keen eye for aesthetics. I specialize in creating visually appealing and responsive designs that look great on any device.</p>
</div>
<br><br>
<div class="skill-box">
<img src="https://fonts.gstatic.com/s/i/materialicons/code/v6/24px.svg" alt="Web Development Icon">
<h3>Web Development</h3>
<p>I have experience with web development and can work with HTML, CSS, and JavaScript to bring my designs to life. I am familiar with various web development frameworks such as React, Angular, and Vue.</p>
</div>
<br><br>
<div class="skill-box">
<img src="https://fonts.gstatic.com/s/i/materialicons/face/v6/24px.svg" alt="UX Design Icon">
<h3>User Experience (UX) Design</h3>
<p>I am a problem solver and am always looking for ways to improve the user experience. I take the time to understand my clients' needs and goals and work closely with them to create a website that will help them achieve their objectives.</p>
</div>
<br><br>
<!-- <div class="skill-box">
<img src="https://fonts.gstatic.com/s/i/materialicons/shopping_cart/v6/24px.svg" alt="E-commerce Icon">
<h3>E-commerce</h3>
<p>I have experience working with e-commerce platforms such as Shopify, Magento, and WooCommerce. I am well-versed in creating online stores that are easy to use and navigate for customers.</p>
</div> -->
<div class="skill-box">
<img src="https://fonts.gstatic.com/s/i/materialicons/search/v6/24px.svg" alt="SEO Icon">
<h3>SEO</h3>
<p>I have experience in implementing SEO strategies for websites to improve the search engine visibility, and driving more organic traffic.</p>
</div>
<br><br>
<div class="skill-box">
<img src="https://fonts.gstatic.com/s/i/materialicons/photo/v6/24px.svg" alt="Graphic Design Icon">
<h3>Graphic Design</h3>
<p>I have experience with graphic design tools such as Adobe Photoshop, Illustrator and InDesign, and I am able to create visually appealing and effective designs for web and print.</p>
</div>
</section>
<section class="portfolio" id="portfolio">
<div class="heading">
<h2>Portfolio</h2>
<span>my pictures</span>
</div>
<div class="portfolio content">
<div class="portfolio-img">
<img src="./jeho.jpg" alt="">
</div>
<div class="portfolio-img">
<img src="./josh.jpg" alt="">
</div>
<div class="portfolio-img">
<img src="./pastor.jpg" alt="">
</div>
<div class="portfolio-img">
<img src="./prime.jpg" alt="">
</div>
</div>
</section>
<h1 style="text-align: center;">Live site on this url https://jeho12.github.io/Portfolio/</h1>
<footer>
<div class="footer-container">
<div class="footer-item">
<!-- <h3>Links</h3>
<div class="social-icons">
<a href="#">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="#">
<i class="material-icons">github</i>
</a>
<a href="#">
<i class="material-icons">dribbble</i>
</a>
<a href="#">
<i class="material-icons">twitter</i>
</a>
</div> -->
</div>
<div class="footer-item">
<h3>Contact Me</h3>
<ul>
<li>Email: <a href="[email protected]">[email protected]</a></li>
<li>Phone: (+234) 1992 6589</li>
</ul>
</div>
</div>
<div class="copyright">
<p>Copyright © 2023 IBENYE JEHOSHAPHAT</p>
</div>
</footer>
</body>
</html>