Skip to content

Commit f8e371f

Browse files
Add files via upload
1 parent cc72cca commit f8e371f

14 files changed

+161
-99
lines changed

Beddings.jpg

139 KB
Loading

Comfort1.png

899 KB
Loading

about.html

Lines changed: 19 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222

2323
<div style="margin-left: 50px;">
2424
<button class="mobile-nav-toggle" style="float:left; font-size: 12px;" aria-controls="primary-navigation" aria-expanded="false">
25-
<span class="sr-only"> Menu </span>
25+
<!-- <span class="sr-only"> Menu </span> -->
2626
</button>
2727

2828
<ul id = "primary-navigation" data-visible = "false" class="primary-navigation flex">
@@ -35,7 +35,7 @@
3535
</li>
3636

3737
<li>
38-
<a href="portfolio.html">My Portfolio</a>
38+
<a href="portfolio.html">My Work</a>
3939
</li>
4040

4141
<li>
@@ -55,31 +55,30 @@
5555
<div>
5656
<div>
5757
<td align="center" class="td-1column-resize-tablet" width="45%">
58-
<img src="comfort-chidi-photo1.png" alt="Comfort-Email-Developer" style="width:100%; max-width:100%; height:auto; padding-left:50px; padding-right:0px; padding-top:50px; padding-bottom:0px;" >
58+
<img src="comfort-chidi-photo1.png" alt="Comfort-Email-Developer" style="width:300px; max-width:100%; height:auto; padding-left:50px; padding-right:0px; padding-top:50px; padding-bottom:0px;" >
5959
</td>
6060
</div>
6161

6262
<div >
6363
<td class="td-1column-resize-tablet" width="45%">
6464
<p class ="font-hero-resize-tablet" style="text-align:left; padding-left:50px; margin-top:0px; font-weight:normal; font-size:18px; color: #0e1313; line-height: 30px;">
65-
Hi, am Comfort Chidi, <br> an email development specialist </br>
66-
<!---- <span style="font-size:30px;line-height:32px;font-weight:bold;"> COMFORT CHIDI </span> </br> </br> -->
67-
passionate about coding responsive email templates for online marketing </br>
65+
As an Email Developer, my passion lies in crafting engaging and responsive emails tailored to meet the unique needs of businesses.
66+
My expertise ensures that my clients' emails are optimized for various devices and platforms, enhancing their reach and impact.
6867
</p>
6968
<p style="text-align:left; padding-left:50px; padding-top: 30px; font-size:18px; color: #000000c8;">
70-
Contact me today at <a href="google.com" style="text-decoration:none; color:#0a5d77; font-weight:bold;">rayspeedemails@gmail.com </a>
69+
Contact me today at <a href="mailto:rayspeedemails.gmail.com" style="text-decoration:none; color:#a01414; font-weight:bold;">rayspeedemails@gmail.com </a>
7170
</p>
7271

7372
<p style ="padding-left:50px; padding-top: 30px;">
74-
<button class="button-hero"><a href=""> Hire Me </a></button>
73+
<a href="portfolio.html"> <button class="button-view-work"> View my Work </button> </a>
7574
</p>
7675
</td>
7776
</div>
7877

7978
<div>
8079
<td class="td-1column-resize-tablet" align="right" width="10%">
8180
<p align="center" style="padding-bottom: 20px;">
82-
<a href="">
81+
<a href="https://www.facebook.com/comforto.chidi">
8382
<img src="facebook-social.png" alt="" style="width:20px; height:auto;" />
8483
</a>
8584
</p>
@@ -103,13 +102,13 @@
103102
<table width="100%">
104103
<tr>
105104
<td class="td-1column-resize-tablet" width="20%">
106-
<p style=" text-align: center; padding-left:0px; padding-top:50px; font-weight: bold; font-size:25px;">
105+
<p style=" text-align:center; padding-left:0px; margin-top:50px; font-weight: bold; font-size:25px;">
107106
Skills
108107
</p>
109108
</td>
110109

111110
<td class="td-1column-resize-tablet" width="20%">
112-
<p style="padding-left:0px; padding-top:50px;font-weight:bold; ">
111+
<p style="padding-left:0px; margin-top:50px; font-weight:bold; ">
113112
Languages
114113
</p>
115114

@@ -120,7 +119,7 @@
120119
</td>
121120

122121
<td class="td-1column-resize-tablet" width="20%">
123-
<p style="padding-left:0px;padding-top:50px; font-weight:bold; padding-top:0px;">
122+
<p style="padding-left:0px;margin-top:50px; font-weight:bold; padding-top:0px;">
124123
Frameworks
125124
</p>
126125

@@ -130,7 +129,7 @@
130129
</td>
131130

132131
<td class="td-1column-resize-tablet" width="20%">
133-
<p style="padding-left:0px; padding-top:50px; font-weight: bold; ">
132+
<p style="padding-left:0px; margin-top:50px; font-weight: bold; ">
134133
Tools
135134
</p>
136135

@@ -141,7 +140,7 @@
141140
</td>
142141

143142
<td class="td-1column-resize-tablet" width="20%">
144-
<p style="padding-left:0px; padding-top:50px; font-weight: bold; ">
143+
<p style="padding-left:0px; margin-top:50px; font-weight: bold; ">
145144
Design
146145
</p>
147146

@@ -157,16 +156,16 @@
157156
<!--Row3 ends-->
158157

159158
<!--Row4-Footer Starts-->
160-
<div>
159+
<div>
161160
<div style="background-color:#0e0b0b; padding-top: 50px; padding-bottom: 50px;">
162-
<p align="center">
163-
<img src="" alt="">
164-
<img src="" alt="">
165-
<img src="" alt="">
161+
<p align="center" style="margin-bottom:30px;">
162+
<a href="https://www.facebook.com/comforto.chidi"> <img src="facebk-icon-white-bg.png" alt="facebook-social-icon" style="width:20px; height:auto; display: inline;"></a>
163+
<a href=""> <img src="linkedin-icon-white-bg copy.png" alt="linkedin-social-icon" style="width:20px; height:auto; display: inline;"> </a>
164+
<a href=""> <img src="" alt=""> </a>
166165
</p>
167166

168167
<p align="center" style="color:#ffffff;">
169-
©Copyright 2023 </br> </br> Designed by Rayspeedemails
168+
© Copyright 2023 </br> </br> Designed by Rayspeedemails
170169
</p>
171170
</div>
172171
</div>

athletaBanner.gif

331 KB
Loading

contact.html

Lines changed: 33 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!DOCTYPE html>
22
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
33
<head>
4+
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=poppins" >
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width,initial-scale=1">
67
<meta name="x-apple-disable-message-reformatting">
@@ -35,7 +36,7 @@
3536
</li>
3637

3738
<li>
38-
<a href="portfolio.html">My Portfolio</a>
39+
<a href="portfolio.html">My Work</a>
3940
</li>
4041

4142
<li>
@@ -49,50 +50,61 @@
4950
<!--Row1 MENU/NAVIGATION ENDS-->
5051

5152
<!--Row2 Begins-->
52-
<div style="background-color: #9bbeb0;">
53+
<div style="background-color: #9bbeb0; padding-bottom: 110px;">
5354
<table width="100%" class="flex-container">
5455
<tr>
5556

5657
<td align="center" style="padding:20px;" class="td-1column-resize-tablet" width="50%">
57-
<p class ="font-hero-resize-tablet" style="text-align: left; padding-left:25px; padding-right:25px; margin-top:0px; font-weight:lighter; font-size:25px; color: #e5f0f1; line-height: 30px;">
58+
<p class ="font-hero-resize-tablet" style="text-align: left; padding-left:25px; padding-right:25px; margin-top:30px; font-weight:lighter; font-size:18px; color: #151717; line-height: 30px;">
5859
Needing an email specialist to code your email templates?
5960
</br>
6061
<!---- <span style="font-size:30px;line-height:32px;font-weight:bold;"> COMFORT CHIDI </span> </br> </br> -->
6162
Please get in touch - I'm always up for a chat.
6263
</p>
6364
<p style=" text-align: left;padding-left:25px; padding-right:25px; padding-top: 30px; font-size:18px; color: #000000c8;">
64-
Contact me today at <a href="google.com" style="text-decoration:none; color:#0a5d77; font-weight:bold;">rayspeedemails@gmail.com </a>
65+
Contact me today at <a href="mailto:rayspeedemails.gmail.com" style="text-decoration:none; color:#0a5d77; font-weight:bold;">rayspeedemails@gmail.com </a>
6566
</p>
6667

67-
<p style="padding-left:25px; padding-right:25px;padding-top: 30px;">
68+
<!-- <p style="text-align:left; margin-left: 20px; padding-left:0px; padding-right:0px;padding-top: 30px;">
6869
<button class="button-hero"><a href=""> Hire Me </a></button>
6970
</p>
70-
71-
</td>
71+
-->
72+
73+
<p align="left" style="margin-left: 50px; padding-bottom: 20px; padding-top: 20px;">
74+
<a href="https://www.facebook.com/comforto.chidi">
75+
<img src="facebk-icon-black-bg.png" alt="facebook-social-icon" style="width:20px; height:auto; display: inline;" />
76+
</a>
7277

73-
74-
<td class="td-1column-resize-tablet" align="right" width="50%">
75-
<p align="center" style="padding-bottom: 20px;">
76-
<a href="index.html">
77-
<img src="facebook-social.png" alt="" style="width:20px; height:auto;" />
78+
<a href="">
79+
<img src="linkedin-icon-black-bg.png" alt="linkedin-social-icon" style="width:22px; height:auto; display: inline;" />
7880
</a>
7981
</p>
80-
81-
<p align="center">
82-
<a href="">
83-
<img src="linkedin-social.png" alt="" style="width:20px; height:auto;" />
84-
</a>
85-
</p>
86-
</td>
82+
83+
</td>
84+
8785

8886
</tr>
8987
</table>
9088
</div>
91-
<!--Row2 ends-->
89+
<!--Row2 ends-->
9290

9391

9492

95-
</div>
93+
<!--Row4-Footer Starts-->
94+
<div>
95+
<div style="background-color:#0e0b0b; padding-top: 50px; padding-bottom: 50px;">
96+
<p align="center" style="margin-bottom:30px;">
97+
<a href="https://www.facebook.com/comforto.chidi"> <img src="facebk-icon-white-bg.png" alt="facebook-social-icon" style="width:20px; height:auto; display: inline;"></a>
98+
<a href=""> <img src="linkedin-icon-white-bg copy.png" alt="linkedin-social-icon" style="width:20px; height:auto; display: inline;"> </a>
99+
<a href=""> <img src="" alt=""> </a>
100+
</p>
101+
102+
<p align="center" style="color:#ffffff;">
103+
© Copyright 2023 </br> </br> Designed by Rayspeedemails
104+
</p>
105+
</div>
106+
</div>
107+
<!--Row4 ends-->
96108

97109

98110
<!--Index-Webpage ends-->

facebk-icon-black-bg.png

5.09 KB
Loading

facebk-icon-white-bg.png

6.05 KB
Loading

hamburger-icon-close-tiny.png

1.08 KB
Loading

hamburger-icon-open.png

-14.3 KB
Loading

index.html

Lines changed: 55 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@
2121
</div>
2222

2323
<div style="margin-left: 50px;">
24-
<button class="mobile-nav-toggle" style="float:left; font-size: 12px;" aria-controls="primary-navigation" aria-expanded="false">
25-
<!-- <span class="sr-only"> Menu </span> -->
24+
<button class="mobile-nav-toggle" style="float:left; font-size: 12px;" aria-controls="primary-navigation" aria-expanded="false">
25+
<span class="sr-only"> Menu </span>
2626
</button>
2727

2828
<ul id = "primary-navigation" data-visible = "false" class="primary-navigation flex">
@@ -35,7 +35,7 @@
3535
</li>
3636

3737
<li>
38-
<a href="portfolio.html">My Portfolio</a>
38+
<a href="portfolio.html">My Work</a>
3939
</li>
4040

4141
<li>
@@ -49,32 +49,48 @@
4949
<!--Row1 MENU/NAVIGATION ENDS-->
5050

5151
<!--Row2 Begins-->
52-
<div style="background-color: #719f8c;">
52+
<div style="background-color: #719f8c; padding-bottom: 50px;">
5353
<table width="100%" class="flex-container">
5454
<tr>
5555
<td class="td-1column-resize-tablet" width="45%">
5656
<img src="comfortchidi-gravatar.png" alt="Comfort-Email-Developer" style="width:100%; max-width:100%; height:auto; padding-left:0px; padding-right:0px; padding-top:50px; padding-bottom:0px;" >
5757
</td>
5858

59-
<td class="td-1column-resize-tablet" width="45%">
60-
<p class ="font-hero-resize-tablet" style="text-align: left; padding-left:25px; padding-right:25px; margin-top:0px; font-weight:normal; font-size:18px; color: #e5f0f1; line-height: 30px;">
61-
Hi, am Comfort Chidi, <br> an email development specialist </br>
59+
<td class="td-1column-resize-tablet p-margins" width="45%">
60+
<p class ="font-hero-resize-tablet" style="text-align: left; padding-left:25px; padding-right:25px; margin-top:100px; font-weight:normal; font-size:22px; color: #e5f0f1; line-height: 30px;">
61+
Hi, am Comfort Chidi, <br> an email marketing specialist
6262
<!---- <span style="font-size:30px;line-height:32px;font-weight:bold;"> COMFORT CHIDI </span> </br> </br> -->
63-
passionate about coding responsive email templates for online marketing </br>
63+
passionate about coding responsive email templates for your online marketing business. </br>
6464
</p>
65-
<p style="text-align: left; padding-left:25px; padding-right:25px; padding-top: 30px; font-size:18px; color: #000000c8;">
66-
Contact me today at <a href="google.com" style="text-decoration:none; color:#0a5d77; font-weight:bold;">rayspeedemails@gmail.com </a>
65+
<p style="text-align: left; padding-left:25px; padding-right:25px; padding-top: 30px; font-size:18px; color: #000000c8; line-height: 25px;">
66+
Contact me today at <a href="mailto:rayspeedemails.gmail.com" style="text-decoration:none; color:#8f1414; font-weight:bold;">rayspeedemails@gmail.com </a>
67+
to help you code emails and promote your business with email marketing.
6768
</p>
6869

69-
<p style = "padding-left:20px; padding-top: 30px;">
70-
<button class="button-hero"><a href=""> Hire Me </a></button>
70+
<p style = " text-align:left; margin-left: 30px; padding-left:0px; padding-top: 30px;">
71+
<a href="about.html"> <button class="button-hero"> Hire Me </button> </a>
7172
</p>
73+
74+
<!--
75+
<p align="left" style="margin-left: 50px; padding-bottom: 20px; padding-top: 20px; ">
76+
<a href="https://www.facebook.com/comforto.chidi">
77+
<img src="facebk-icon-black-bg.png" alt="facebook-social-icon" style=" width:20px; height:auto; display: inline;" />
78+
</a>
79+
80+
<a href="">
81+
<img src="linkedin-icon-black-bg.png" alt="linkedin-social-icon" style="width:22px; height:auto; display: inline;" />
82+
</a>
83+
</p>
84+
-->
7285
</td>
7386

7487

88+
89+
90+
7591
<td class="td-1column-resize-tablet" align="right" width="10%">
7692
<p align="center" style="padding-bottom: 20px;">
77-
<a href="">
93+
<a href="https://www.facebook.com/comforto.chidi">
7894
<img src="facebook-social.png" alt="" style="width:20px; height:auto;" />
7995
</a>
8096
</p>
@@ -93,28 +109,28 @@
93109

94110

95111
<!--Row3 Begins-->
96-
<div>
112+
<div style="padding-bottom: 30px;">
97113
<table width="100%">
98114
<tr>
99115
<td class="td-1column-resize-tablet" width="20%">
100-
<p style="padding-left:50px; padding-top:50px; font-weight: bold; font-size:25px;">
116+
<p style="text-align:center; padding-left:0px; margin-top:50px; font-weight: bold; font-size:25px;">
101117
Skills
102118
</p>
103119
</td>
104120

105121
<td class="td-1column-resize-tablet" width="20%">
106-
<p style="padding-left:0px; padding-top:50px;font-weight:bold; ">
122+
<p style="padding-left:0px; margin-top:50px; font-weight:bold; ">
107123
Languages
108124
</p>
109125

110126
<p style="padding-left:0px; font-weight:normal; ">
111127
Html <br>
112-
css
128+
css
113129
</p>
114130
</td>
115131

116132
<td class="td-1column-resize-tablet" width="20%">
117-
<p style="padding-left:0px;padding-top:50px; font-weight:bold; padding-top:0px;">
133+
<p style="padding-left:0px; margin-top:50px; font-weight:bold; padding-top:0px;">
118134
Frameworks
119135
</p>
120136

@@ -124,7 +140,7 @@
124140
</td>
125141

126142
<td class="td-1column-resize-tablet" width="20%">
127-
<p style="padding-left:0px; padding-top:50px; font-weight: bold; ">
143+
<p style="padding-left:0px; margin-top:50px; font-weight: bold; ">
128144
Tools
129145
</p>
130146

@@ -135,7 +151,7 @@
135151
</td>
136152

137153
<td class="td-1column-resize-tablet" width="20%">
138-
<p style="padding-left:0px; padding-top:50px; font-weight: bold; ">
154+
<p style="padding-left:0px; margin-top:50px; font-weight: bold; ">
139155
Design
140156
</p>
141157

@@ -154,7 +170,7 @@
154170
<div style="background-color: #e5f0f1;">
155171
<div>
156172
<p align="center" style="padding-left:0px; padding-top:100px; padding-bottom:50px; font-weight: bold; font-size: 25px;">
157-
My Recent Projects
173+
My Work
158174
</p>
159175
</div>
160176
<div>
@@ -173,8 +189,8 @@
173189
</p>
174190

175191
<p style="padding-left:10px; padding-top:0px; font-weight: bold; color: #0fb3d8;">
176-
<span style="border-right:2px solid #0fb3d8 !important; padding-right:2px;"> <a href="#" style="color: #0fb3d8;"> Html </a></span>
177-
<span style="border-right:0px solid #0fb3d8 !important; padding-left:3px;"> <a href="#" style="color: #0fb3d8;"> CSS </a></span>
192+
<span style="border-right:2px solid #0fb3d8 !important; padding-right:2px;"> <a href="github-email-template" style="color: #0fb3d8;"> Html </a></span>
193+
<span style="border-right:0px solid #0fb3d8 !important; padding-left:3px;"> <a href="github-email-template" style="color: #0fb3d8;"> CSS </a></span>
178194
</p>
179195
</td>
180196

@@ -218,7 +234,22 @@
218234
</div>
219235
<!--Row4 ends-->
220236
</div>
221-
237+
238+
<!--Row4-Footer Starts-->
239+
<div>
240+
<div style="background-color:#0e0b0b; padding-top: 50px; padding-bottom: 50px;">
241+
<p align="center" style="margin-bottom:30px;">
242+
<a href="https://www.facebook.com/comforto.chidi"> <img src="facebk-icon-white-bg.png" alt="facebook-social-icon" style="width:20px; height:auto; display: inline;"></a>
243+
<a href=""> <img src="linkedin-icon-white-bg copy.png" alt="linkedin-social-icon" style="width:20px; height:auto; display: inline;"> </a>
244+
<a href=""> <img src="" alt=""> </a>
245+
</p>
246+
247+
<p align="center" style="color:#ffffff;">
248+
© Copyright 2023 </br> </br> Designed by Rayspeedemails
249+
</p>
250+
</div>
251+
</div>
252+
<!--Row4 ends-->
222253

223254
<!--Index-Webpage ends-->
224255
</div>

linkedin-icon-black-bg.png

12.5 KB
Loading

linkedin-icon-white-bg copy.png

7.09 KB
Loading

0 commit comments

Comments
 (0)