-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservice-details.html
160 lines (127 loc) · 7.05 KB
/
service-details.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Service Details - My Portfolio</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body class="service-details-page">
<header id="header" class="header dark-background d-flex flex-column">
<i class="header-toggle d-xl-none bi bi-list"></i>
<div class="profile-img">
<img src="assets/img/image3.jpeg" alt="Profile" class="img-fluid rounded-circle">
</div>
<a href="index.html" class="logo d-flex align-items-center justify-content-center">
<h1 class="sitename">M.Abdullah</h1>
</a>
<div class="social-links text-center">
<a href="https://www.facebook.com/profile.php?id=100014292347837" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="https://www.linkedin.com/in/muhammad-abdullaahh/?trk=opento_sprofile_details" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="#home"><i class="bi bi-house navicon"></i>Home</a></li>
<li><a href="#about"><i class="bi bi-person navicon"></i> About</a></li>
<li><a href="#services"><i class="bi bi-hdd-stack navicon"></i> Services</a></li>
<li><a href="#portfolio"><i class="bi bi-images navicon"></i> Portfolio</a></li>
<li><a href="#contact"><i class="bi bi-envelope navicon"></i> Contact</a></li>
</ul>
</nav>
</header>
<main class="main">
<!-- Page Title -->
<div class="page-title dark-background">
<div class="container d-lg-flex justify-content-between align-items-center">
<h1 class="mb-2 mb-lg-0">Service Details</h1>
<nav class="breadcrumbs">
<ol>
<li><a href="index.html">Home</a></li>
<li class="current">Service Details</li>
</ol>
</nav>
</div>
</div><!-- End Page Title -->
<!-- Service Details Section -->
<section id="service-details" class="service-details section">
<div class="container">
<div class="row gy-4">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="services-list">
<a href="#" class="active">Ruby on Rails Development</a>
<a href="#">Web Development</a>
<a href="#">API Development</a>
<a href="#">E-Commerce Solutions</a>
<a href="#">Consulting</a>
</div>
<h4>Professional Ruby on Rails Developer</h4>
<p>As a passionate Ruby on Rails developer, I specialize in creating scalable, high-performance web applications. I help businesses achieve their goals by delivering secure, reliable, and user-friendly applications.</p>
</div>
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
<img src="assets/img/image.jpeg" alt="Service Image" class="img-fluid services-img" style="max-width: 80%; height: 40%;">
<h3>Expert Ruby on Rails Development: Building Robust Web Applications</h3>
<p>
I specialize in building modern, full-stack web applications using Ruby on Rails. Whether it's a new project or enhancing an existing one, I ensure optimal performance, security, and maintainability.
</p>
<ul>
<li><i class="bi bi-check-circle"></i> <span>Building RESTful APIs with Ruby on Rails.</span></li>
<li><i class="bi bi-check-circle"></i> <span>Creating high-performance e-commerce platforms using Spree and Solidus.</span></li>
<li><i class="bi bi-check-circle"></i> <span>Implementing scalable architectures with PostgreSQL and Redis.</span></li>
</ul>
<p>
My approach is to combine best practices with cutting-edge technologies to deliver solutions that are scalable, secure, and easily maintainable. I focus on delivering value to your business through technology.
</p>
<p>
Whether you need a custom feature, bug fixes, or a complete overhaul of your existing Rails app, I'm here to help. Let’s discuss how I can help bring your ideas to life with Ruby on Rails.
</p>
<p><strong>Ready to get started?</strong> <a href="#contact" class="btn btn-primary">Hire Me</a></p>
</div>
</div>
</div>
</section><!-- /Service Details Section -->
</main>
<footer id="footer" class="footer position-relative light-background">
<div class="container">
<div class="copyright text-center ">
<p>© <span>Copyright</span> <strong class="px-1 sitename">Your Portfolio</strong> <span>All Rights Reserved</span></p>
</div>
<div class="credits">
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/typed.js/typed.umd.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>