|
21 | 21 | </div>
|
22 | 22 |
|
23 | 23 | <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> |
26 | 26 | </button>
|
27 | 27 |
|
28 | 28 | <ul id = "primary-navigation" data-visible = "false" class="primary-navigation flex">
|
|
35 | 35 | </li>
|
36 | 36 |
|
37 | 37 | <li>
|
38 |
| - <a href="portfolio.html">My Portfolio</a> |
| 38 | + <a href="portfolio.html">My Work</a> |
39 | 39 | </li>
|
40 | 40 |
|
41 | 41 | <li>
|
|
49 | 49 | <!--Row1 MENU/NAVIGATION ENDS-->
|
50 | 50 |
|
51 | 51 | <!--Row2 Begins-->
|
52 |
| -<div style="background-color: #719f8c;"> |
| 52 | +<div style="background-color: #719f8c; padding-bottom: 50px;"> |
53 | 53 | <table width="100%" class="flex-container">
|
54 | 54 | <tr>
|
55 | 55 | <td class="td-1column-resize-tablet" width="45%">
|
56 | 56 | <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;" >
|
57 | 57 | </td>
|
58 | 58 |
|
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 |
62 | 62 | <!---- <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> |
64 | 64 | </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. |
67 | 68 | </p>
|
68 | 69 |
|
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> |
71 | 72 | </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 | + --> |
72 | 85 | </td>
|
73 | 86 |
|
74 | 87 |
|
| 88 | + |
| 89 | + |
| 90 | + |
75 | 91 | <td class="td-1column-resize-tablet" align="right" width="10%">
|
76 | 92 | <p align="center" style="padding-bottom: 20px;">
|
77 |
| - <a href=""> |
| 93 | + <a href="https://www.facebook.com/comforto.chidi"> |
78 | 94 | <img src="facebook-social.png" alt="" style="width:20px; height:auto;" />
|
79 | 95 | </a>
|
80 | 96 | </p>
|
|
93 | 109 |
|
94 | 110 |
|
95 | 111 | <!--Row3 Begins-->
|
96 |
| -<div> |
| 112 | +<div style="padding-bottom: 30px;"> |
97 | 113 | <table width="100%">
|
98 | 114 | <tr>
|
99 | 115 | <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;"> |
101 | 117 | Skills
|
102 | 118 | </p>
|
103 | 119 | </td>
|
104 | 120 |
|
105 | 121 | <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; "> |
107 | 123 | Languages
|
108 | 124 | </p>
|
109 | 125 |
|
110 | 126 | <p style="padding-left:0px; font-weight:normal; ">
|
111 | 127 | Html <br>
|
112 |
| - css |
| 128 | + css |
113 | 129 | </p>
|
114 | 130 | </td>
|
115 | 131 |
|
116 | 132 | <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;"> |
118 | 134 | Frameworks
|
119 | 135 | </p>
|
120 | 136 |
|
|
124 | 140 | </td>
|
125 | 141 |
|
126 | 142 | <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; "> |
128 | 144 | Tools
|
129 | 145 | </p>
|
130 | 146 |
|
|
135 | 151 | </td>
|
136 | 152 |
|
137 | 153 | <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; "> |
139 | 155 | Design
|
140 | 156 | </p>
|
141 | 157 |
|
|
154 | 170 | <div style="background-color: #e5f0f1;">
|
155 | 171 | <div>
|
156 | 172 | <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 |
158 | 174 | </p>
|
159 | 175 | </div>
|
160 | 176 | <div>
|
|
173 | 189 | </p>
|
174 | 190 |
|
175 | 191 | <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> |
178 | 194 | </p>
|
179 | 195 | </td>
|
180 | 196 |
|
|
218 | 234 | </div>
|
219 | 235 | <!--Row4 ends-->
|
220 | 236 | </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--> |
222 | 253 |
|
223 | 254 | <!--Index-Webpage ends-->
|
224 | 255 | </div>
|
|
0 commit comments