1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Web developer | Danities Ichaba</title> 8 <link rel="stylesheet" href="/css/style.css"> 9 <link rel="icon" href="/image/circle-cropped.ico"> 10 <!-- Codes for running Javascript gotten from cdnjs.com--> 11 <!--
11<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
11 --> 12
12<script src="https://kit.fontawesome.com/c12630f8f2.js" crossorigin="anonymous"></script>
12 13
13<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
13 14
14<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></script>
14 15
15<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
15 16
16<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
16 17 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> 18</head> 19 20<body> 21 22 <!-- audio sections --> 23 <!-- <div class="audio"> 24 <p class="audiop">Click Play to Play Best of Jazz.</p> 25 <audio controls> 26 Your browser does not support the audio element. 27 <source src="songs.mp3" type = 'audio/mpeg'> 28 </audio> 29 </div> --> 30 31 <!-- scroll-up-btn sections --> 32 <div class="scroll-up-btn"> 33 <i class="fas fa-angle-up"></i> 34 </div> 35 <nav class="navbar"> 36 <div class="max-width"> 37 <div class="logo"><a href="#">Dani<span>ties</span></a></div> 38 <ul class="menu"> 39 <li><a href="#home" class="menu-btn">Home</a></li> 40 <li><a href="#about" class="menu-btn">About</a></li> 41 <li><a href="#teams" class="menu-btn">My Work</a></li> 42 <li><a href="#contact" class="menu-btn">Contact</a></li> 43 <li><a href="#skills" class="menu-btn">Skills</a></li> 44 <!-- <li><a href="#" class="menu-btn">Blog</a></li> --> 45 </ul> 46 <div class="menu-btn"> 47 <i class ="fas fa-bars"></i> 48 </div> 49 </div> 50 </nav> 51 <!-- Home sectio start --> 52 <section class="home" id="home"> 53 <div class="max-width"> 54 <div class="home-content"> 55 <div class="text-1">Hello, my name is</div> 56 <div class="text-2">Danities Ichaba</div> 57 <div class="text-3">I'm a <span class="typing"></span></div> 58 <a href="#contact">Hire Me</a> 59 60 </div> 61 </div> 62 </section> 63 64 65 <!-- About section start here --> 66 <section class="about" id="about"> 67 <div class="max-width"> 68 <h1 class="title">About me</h1> 69 <div class="about-content"> 70 <div class="column left"> 71 <img src="/image/me.png" alt="user-image"> 72 </div> 73 <div class="column right"> 74 <div class="text"> I'm Danities a <span class="typing-2"></span></div> 75 <p>I A passionate and detail-oriented Backend Engineer with a solid understanding of the entire web development process, from design to deployment. 76 Proficient in NodeJS, MongoDB, and AWS, with familiarity in front-end languages such as HTML, JavaScript, and CSS. A quick learner and a team player with excellent communication and problem-solving skills..</p> 77 <a href="/Danities-ichaba-resume.pdf">Download CV</a> <a href="#contact">Hire Me</a> 78 79 </div> 80 81 </div> 82 </div> 83 </section> 84 85 86 <!-- works Section Start --> 87 <section class="teams" id="teams"> 88 <div class="max-width"> 89 <h2 class="title">My Projects</h2> 90 <div class="carousel owl-carousel"> 91 <div class="card"> 92 <a href="https://www.salesunit.co/" target="_blank"> 93 <div class="box"> 94 <img src="/image/image2.png" alt="salesunit Pictures" > 95 <div class="text">Sales Unit</div> 96 <p>Develop a multi-tenancy Sales Unit application that allows business owners to manage their operations securely and efficiently. Each tenant (business owner) will have their isolated database for data privacy and customization.</p> 97 </div> 98 </a> 99 </div> 100 101 <div class="card"> 102 <a href="https://enkaare.com/" target="_blank"> 103 <div class="box"> 104 <img src="/image/iamge3.png" alt="enkaare Pictures" > 105 <div class="text">Enkaare - Growing Talent</div> 106 <p>Developed the backend and frontend of a web-based application that connects businesses and job candidates, streamlining the recruitment process</p> 107 </div> 108 </div> 109 <div class="card"> 110 <a href="https://event-trak-frontendd.vercel.app/" target="_blank"> 111 <div class="box"> 112 <img src="/image/event.png" alt="Dictionary Pictures" > 113 <div class="text">BuildHubb - Eventtrak</div> 114 <p>
114Build an event management System - a web application aimed at simplifying the process of creating, managing, and promoting events. It provide users with a comprehensive platform to handle various aspects of event management, including ticketing, RSVPs, and event promotion</p> 115 </div> 116 </div> 117 <div class="card"> 118 <a href="https://www.linkedin.com/company/compairajobs/" target="_blank"> 119 <div class="box"> 120 <img src="/image/compaira.jpeg" alt="Dictionary Pictures" > 121 <div class="text">Compaira - Connecting Talent to Opportunities.</div> 122 <p>A platform that bridges job seekers and employers, specializing in job matching, recruitment, staffing, and career growth. Empowering individuals and businesses to achieve their goals efficiently.</p> 123 </div> 124 </div> 125 <div class="card"> 126 <a href="https://javascript-word-dictionary.vercel.app/" target="_blank"> 127 <div class="box"> 128 <img src="/image/word.png" alt="Dictionary Pictures" > 129 <div class="text">English Disctionary</div> 130 <p>An English Words Dictionary using Dictionary API</p> 131 </div> 132 </div> 133 134 <div class="card"> 135 <a href="https://danities316.github.io/" target="_blank"> 136 <div class="box"> 137 <img src="/image/naija.png" alt="Naija states Pictures" > 138 <div class="text">Nigerian State and Capital API</div> 139 <p>A Nigerian State and all their LGA - build with HTML, CSS and Javascript.</p> 140 </div> 141 </a> 142 </div> 143 144 <div class="card"> 145 <a href="https://urlshortener-6fvo.onrender.com/" target="_blank"> 146 <div class="box"> 147 <img src="/image/url-shortener.png" alt="url-shortener Pictures" > 148 <div class="text">URL shortener</div> 149 <p>A URL ShorTit is a free tool to shorten URLs and generate short links Our URL shortener allows to create a shortened link making it easy to share.</p> 150 </div> 151 </a> 152 </div> 153 </div> 154 </div> 155 </section> 156 <!-- Service section start here --> 157 <section class="services" id="services"> 158 <div class="max-width"> 159 <h1 class="title">My Services</h1> 160 161 <div class="service-content"> 162 163 <div class="card"> 164 <div class="box"> 165 <i class = "fas fa-paint-brush"></i> 166 <div class="text">Web Design</div> 167 <p>I provide professional website design services, including WordPress sites, e-commerce platforms, and custom solutions tailored to your needs</p> 168 </div> 169 </div> 170 171 172 <div class="card"> 173 <div class="box"> 174 <i class = "fas fa-code"></i> 175 <div class="text">Backend Development</div> 176 <p> I specialize in creating efficient server-side solutions, including API development, database design, and scalable backend architectures tailored to your project needs.</p> 177 </div> 178 </div> 179 <div class="card"> 180 <div class="box"> 181 <i class = "fas fa-code"></i> 182 <div class="text">Cloud Services</div> 183 <p>I provide seamless cloud integration and deployment services, leveraging platforms like AWS, Azure, and Google Cloud to ensure reliability, scalability, and performancek</p> 184 </div> 185 </div> 186 </div> 187 </div> 188</section> 189 190 <!-- Skills Section stare --> 191 192 <section class="skills" id="skills"> 193 <div class="max-width"> 194 <h2 class="title">My Skills</h2> 195 <div class="skills-wraper"> 196 <div class="first-set animate_animated animate_pulse"> 197 <img 198 src="/image/javascript.svg" 199 alt="Javascript-logo" 200 loading="lazy" 201 class="icon icon-card" /> 202 <img 203 src="/image/nodejs.svg" 204 alt="Nodejs-logo" 205 loading="lazy" 206 class="icon icon-card" /> 207 <img 208 src="/image/react.svg" 209 alt="Reactjs-logo" 210 loading="lazy" 211 class="icon icon-card" /> 212 <img 213 src="/image//mongodb.svg" 214 alt="mongodb-logo" 215 loading="lazy" 216 class="icon icon-card" /> 217 </div> 218 <div class="second-set animate_animated animate_pulse"> 219 <img 220 src="/image/python.svg" 221 alt="Python-logo" 222 loading="lazy" 223 class="icon icon-card" /> 224 <img 225 src="/image/database.svg" 226 alt="database-logo" 227 loading="lazy" 228 class="icon icon-card" /> 229 <img 230 src="/image/html5.svg" 231 alt="Javascript-logo" 232 loading="lazy" 233 class="icon icon-card" /> 234 <img 235 src="/image/css3.svg" 236 alt="Javascript-logo" 237 loading="lazy" 238 class="icon icon-card" /> 239 <div> 240 241 </div> 242 <a href="#contact">Hire Me</a> 243 </div> 244 245 </div> 246 247 248 249 250 251 <!-- <div class="skills-content"> 252 <div class="column left"> 253 <div class = "text">My creative skills and experience</div> 254 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus iure odit odio non minima voluptatem distinctio maiores laudantium numquam, aut qui soluta dignissimos dicta vitae labore voluptate deserunt quisquam repudiandae debitis! Ea, repellat. Atque ipsum labore magnam cumque reprehenderit vero, veniam dolorum eius adipisci harum dolor vel doloremque amet ducimus, perferendis esse facere quia, quos quasi ex reiciendis iste tempora.</p> 255 <a href="#">Read More</a> 256 </div> 257 <div class="column right"> 258 <div class="bars"> 259 <div class="infor">
260 <span>HTML</span> 261 <span>90%</span> 262 </div> 263 <div class="line html"></div> 264 </div> 265 266 <div class="bars"> 267 <div class="infor"> 268 <span>CSS | Tailwindcss | SCSS | Boostrap | </span> 269 <span>70%</span> 270 271 </div> 272 <div class="line css"></div> 273 </div> 274 <div class="bars"> 275 <div class="infor"> 276 <span>Javascript</span> 277 <span>60%</span> 278 279 </div> 280 <div class="line js"></div> 281 </div> 282 <div class="bars"> 283 <div class="infor"> 284 <span>Python</span> 285 <span>60%</span> 286 287 </div> 288 <div class="line python"></div> 289 </div> 290 291 <div class="bars"> 292 <div class="infor"> 293 <span>Solidarity</span> 294 <span>60%</span> 295 296 </div> 297 <div class="line sol"></div> 298 </div> 299 <div class="bars"> 300 <div class="infor"> 301 <span>SQL | MangoDB | Node.js</span> 302 <span>60%</span> 303 304 </div> 305 <div class="line sql"></div> 306 </div> 307 </div> 308 </div> 309 </div> --> 310 </div> 311 </section> 312 313 314 <!-- Contact section start --> 315 <section class="contact" id="contact"> 316 <div class="max-width"> 317 <h2 class="title">Contact Me</h2> 318 <div class="contact-content"> 319 <div class="column left"> 320 <div class="text">Get In Touch</div> 321 <p>Let talk about your project or your Company, I can help you solve some of your software nagging problems.</p> 322 <div class="icons"> 323 <div class="row"> 324 <i class="fas fa-user"></i> 325 <div class="info"> 326 <div class="head">Name</div> 327 <div class="sub-title">Danities Ichaba</div> 328 </div> 329 330 <div class="row"> 331 <i class="fas fa-map-marker-alt"></i> 332 <div class="info"> 333 <div class="head">Address</div> 334 <address class="sub-title">Uyo, Nigeria</address> 335 </div> 336 </div> 337 338 <div class="row"> 339 <i class="fas fa-envelope"></i> 340 <div class="info"> 341 <div class="head">Email</div> 342 <div class="sub-title">[email protected]</div> 343 </div> 344 </div> 345 </div> 346 </div> 347 </div> 348 <div class="column right"> 349 <div class="text">Mesagge Me</div> 350 <form onsubmit="sendEmail(); reset(); return false"> 351 <div class="fields"> 352 <div class="field name"> 353 <input type="text" id="name" placeholder="Name" required> 354 </div> 355 <div class="field email"> 356 <input type="email" id="email" placeholder="Email" required> 357 </div> 358 </div> 359 <div class="field"> 360 <input type="text" id="phone" placeholder="Phone Number" required> 361 </div> 362 <div class="field"> 363 <input type="text" id="subject" placeholder="Subject" required> 364 </div> 365 366 <div class="field textarea"> 367 <textarea name="" id="message" cols="15" rows="30" placeholder="Give me tips of what you want us to talk about......" required></textarea> 368 </div> 369 370 <div class="button"> 371 <button type="submit">Send Message</button> 372 </div> 373 374 </form> 375 </div> 376 </div> 377 </div> 378 </div> 379 </section> 380 381 382 <!-- Footer Sectiion start --> 383 <footer>
384 <span>Created by <a href="#about">Danities</a> | <span class="far fa-copyright"></span>2025 All Right Reserved</span> 385 </footer> 386
386<script type='text/javascript' src='js/config.js'></script>
386 387
387<script src="https://smtpjs.com/v3/smtp.js"></script>
387 388 <!--
388<script src=".netlify/functions.js"></script>
388 --> 389
389<script src="/js/main.js"></script>
389 390</body> 391</html> 392<!-- 1:25:52 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.