-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
153 lines (151 loc) · 8.25 KB
/
portfolio.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
<!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>Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="nav-bar">
<div class="nav-bar">
<header class="nav-menu" style="padding-bottom: 10px;">
<div class="Logos" style="padding-top: 8px;">
<img src="/img/andras-vas-Bd7gNnWJBkU-unsplash.jpg" alt="">
<h1>J Grace </h1>
</div>
<div class="hamborger">
<div class="dropdown">
<button class="dropbtn"> <img style="height: 100px; width: 100px; margin-top: -20px; float: right;" src="/img/white-menu-icon-12 (1).jpg" alt=""></button>
<div class="dropdown-content">
<li><a href="index.html"> Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="about.html#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</div>
</div>
</div>
<nav class="nav-area">
<ul style="padding-top:18px ;">
<li><a href="index.html"> Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="about.html#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
</div>
</div>
<!--Projects section-->
<section id="projects">
<div class="projects container">
<div class="projects-header">
<h1 class="section-title">MY RECENT <span>PROJECTS</span></h1>
</div>
<div class="all-projects">
<div id="project-1" class="project-item">
<div class="project-info">
<h1 style=" color: #dfc741;">FaceGenius Web App</h1>
<h2></h2>
<p>FaceGenius is a sophisticated web application that harnesses the power of advanced technologies such as Computer Vision and Machine Learning. Its primary function is to serve as an information and records query system, all driven by a single input: an individual's image. By utilizing state-of-the-art facial recognition capabilities, FaceGenius opens up a world of possibilities for identity verification, data retrieval, and personalization. Whether you're looking to enhance security, streamline user experiences, or delve into the exciting realms of AI-driven applications, FaceGenius is your trusted ally in the digital landscape.</p>
<bot>
<a href="">View more</a>
<h3>click to view more about the project</h3>
</bot>
</div>
<div class="project-image">
<img src="/Portfolio pics/FaceGenius.png" alt="">
</div>
</div>
<div id="project-2" class="project-item">
<div class="project-info">
<h1 style=" color: #dfc741;">AirTop Mobile App</h1>
<p>AirTop is a versatile mobile application designed to simplify airtime purchases and money transfers for Cameroonians. With AirTop, users can effortlessly buy airtime for all networks directly from their Orange or MobileMoney wallets. This hassle-free process works seamlessly both online and offline, allowing users to stay connected at all times. Additionally, AirTop offers the convenience of purchasing SMS bundles, making it an all-in-one solution for managing your mobile communication needs.</p>
<bot>
<a href="">View more</a>
<h3>click to view more about the project</h3>
</bot>
</div>
<div class="project-image">
<img src="/Portfolio pics/AirTop.png" alt="img">
</div>
</div>
<div id="project-3" class="project-item">
<div class="project-info">
<h1 style=" color: #dfc741;">TransImage Web App</h1>
<p>TransImage is a user-friendly web application designed to simplify the process of converting image file formats. With TransImage, users can effortlessly transform images from one format to another, making it versatile and compatible across various platforms and applications. Whether you need to convert a JPEG to PNG, a GIF to TIFF, or any other image format transition, TransImage streamlines the process, ensuring your images are ready for any purpose or platform.</p>
<bot>
<a href="">View more</a>
<h3>click to view more about the project</h3>
</bot>
</div>
<div class="project-image">
<img src="/Portfolio pics/home page.jpeg" alt="">
</div>
</div>
<div id="project-4" class="project-item">
<div class="project-info">
<h1 style=" color: #dfc741;">Portfolio Website</h1>
<p>This is a portfolio website,which is a digital showcase of your client's work, achievements, and skills. It serves as an online resume, providing a comprehensive view of professional background. This website will include sections highlighting skills, along with descriptions and samples work. It's a powerful tool for showcasing talents and attracting potential clients or employers in a visually appealing and organized manner.</p>
<bot>
<a href="">View more</a>
<h3>click to view more about the project</h3>
</bot>
</div>
<div class="project-image">
<img src="/Portfolio pics/NewPortfolio.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!--End Projects section-->
<!-- footer-->
<section id="footer">
<div class="footer container">
<div class="positioning">
<div class="brand">
<div class="brand-1">
<img style="height: 40px; width: 40px;" src="/img/andras-vas-Bd7gNnWJBkU-unsplash.jpg" alt="">
<h1> <span>N</span>chinde <span>J</span>oshua</h1>
</div>
<div>
<h2>Transforming Lives, a project at a time</h2>
</div>
</div>
<div class="contactat">
<h2>Contact Me At</h2>
</div>
<div class="social-icon">
<div class="social-items">
<div class="social-item">
<a href="https://wa.me/237674063317?text=Hello,%20I%20am%20Interested%20in%20your%20services,%20could%20we%20chat%20that%20up??"><img src="/img/whatsapp icon.jfif" alt="#"></a>
</div>
<div class="social-item">
<a href="#"><img src="/img/Facebook-icon-logo.png" alt="#"></a>
</div>
<div class="social-item">
<a href="#"><img src="/img/twitter icon.jfif" alt="#"></a>
</div>
<div class="social-item">
<a href="https://github.com/j-grace1"><img src="/img/Github.png" alt="#"></a>
</div>
<div class="social-item">
<a href="www.linkedin.com/in/nchinde-josue-89114a219"><img src="/img/linkedin_icon.png" alt="#"></a>
</div>
</div>
</div>
<div class="cntact">
<h2>+237 674 063 317 / +237 657 883 032</h2>
<h2>[email protected]</h2>
</div>
</div>
<p>© Copyright 2021 Joshua. All rights reserved</p>
</div>
</section>
<!-- end footer-->
</body>
</html>