Add files via upload

fahmifareed · Nov 4, 2024 · 7779c57 · 7779c57
1 parent 43b6d60
commit 7779c57
Show file tree

Hide file tree

Showing 50 changed files with 3,225 additions and 21 deletions.
diff --git a/CNAME b/CNAME
@@ -0,0 +1,2 @@
+fahmifarid.co
+fahmifarid.xyz
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -0,0 +1,19 @@
+## Pradumna Saraf Portfolio
+
+This repository contains the source code for my portfolio website. It is built using HTML and CSS. It is hosted on GitHub Pages.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Pradumnasaraf/Pradumnasaraf.github.io)
+
+![Website Demo](https://github.com/Pradumnasaraf/Pradumnasaraf.github.io/assets/51878265/0b330ade-1645-4005-b4fd-2f1aeb6a17bf)
+
+## 🌐 Website
+
+A custom domain name is used for the website. It is hosted on GitHub Pages. The website is accessible at [pradumnasaraf.dev](https://pradumnasaraf.dev/)
+
+## 🛡️ License
+
+**Pradumnasaraf.github.io** is licensed under the GPL-3.0 License - see the [LICENSE](/LICENSE) file for details.
+
+## 🤝 Support
+
+Don't forget to leave a star ⭐️
diff --git a/assets/Dev.png b/assets/Dev.png
diff --git a/assets/logo.png b/assets/logo.png
diff --git a/assets/logo/dailydev.png b/assets/logo/dailydev.png
diff --git a/assets/logo/devto.png b/assets/logo/devto.png
diff --git a/assets/logo/docker.png b/assets/logo/docker.png
diff --git a/assets/logo/eddiehub.png b/assets/logo/eddiehub.png
diff --git a/assets/logo/github.png b/assets/logo/github.png
diff --git a/assets/logo/google-ai-gemini91216.logowik.com.webp b/assets/logo/google-ai-gemini91216.logowik.com.webp
diff --git a/assets/logo/illacloud.jpeg b/assets/logo/illacloud.jpeg
diff --git a/assets/logo/kubernetes.png b/assets/logo/kubernetes.png
diff --git a/assets/logo/linkedin.jpeg b/assets/logo/linkedin.jpeg
diff --git a/assets/logo/livecycle.png b/assets/logo/livecycle.png
diff --git a/assets/logo/postman.jpg b/assets/logo/postman.jpg
diff --git a/assets/logo/shareit.png b/assets/logo/shareit.png
diff --git a/assets/logo/twitter.png b/assets/logo/twitter.png
diff --git a/assets/logo/web3conf.png b/assets/logo/web3conf.png
diff --git a/chat/index.html b/chat/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="icon"
+    href="https://github.com/fahmifareed/fahmifareed/blob/main/images/logo.png" />
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Schedule a Meeting</title>
+</head>
+
+<!-- Google Tag Manager -->
+<script>(function (w, d, s, l, i) {
+        w[l] = w[l] || []; w[l].push({
+            'gtm.start':
+                new Date().getTime(), event: 'gtm.js'
+        }); var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-WRGLMZCX');</script>
+<!-- End Google Tag Manager -->
+<!-- Cal inline embed code begins -->
+<div style="width:100%;height:100%;overflow:scroll" id="my-cal-inline"></div>
+<script type="text/javascript">
+  (function (C, A, L) { let p = function (a, ar) { a.q.push(ar); }; let d = C.document; C.Cal = C.Cal || function () { let cal = C.Cal; let ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { const api = function () { p(api, arguments); }; const namespace = ar[1]; api.q = api.q || []; if(typeof namespace === "string"){cal.ns[namespace] = cal.ns[namespace] || api;p(cal.ns[namespace], ar);p(cal, ["initNamespace", namespace]);} else p(cal, ar); return;} p(cal, ar); }; })(window, "https://app.cal.com/embed/embed.js", "init");
+Cal("init",  {origin:"https://cal.com"});
+
+  Cal("inline", {
+	elementOrSelector:"#my-cal-inline",
+	calLink: "fahmifareed/30min",
+	layout: "month_view"
+  });
+
+  Cal("ui", {"styles":{"branding":{"brandColor":"#000000"}},"hideEventTypeDetails":false,"layout":"month_view"});
+  </script>
+<!-- Cal inline embed code ends -->
+
+</html>
diff --git a/contact/index.html b/contact/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Google Tag Manager -->
+    <script>(function (w, d, s, l, i) {
+            w[l] = w[l] || []; w[l].push({
+                'gtm.start':
+                    new Date().getTime(), event: 'gtm.js'
+            }); var f = d.getElementsByTagName(s)[0],
+                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+        })(window, document, 'script', 'dataLayer', 'GTM-WRGLMZCX');</script>
+    <!-- End Google Tag Manager -->
+    <link rel="icon"
+        href="https://github.com/fahmifareed/fahmifareed/blob/main/images/logo.png" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Contact Form</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        html,
+        body,
+        #wrapper {
+            width: 100%;
+            height: 100%;
+        }
+
+        iframe {
+            border-radius: 0 !important;
+        }
+    </style>
+</head>
+
+<body>
+    <!-- Google Tag Manager (noscript) -->
+    <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRGLMZCX" height="0" width="0"-->
+            <!-- style="display:none;visibility:hidden"></iframe></noscript>-->
+    <!-- End Google Tag Manager (noscript) -->
+    <div data-tf-live="01JBTBQ58HFR7YH3F48MQG1XEM"></div><script src="//embed.typeform.com/next/embed.js"></script>
+</body>
+
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WRGLMZCX');</script>
+    <!-- End Google Tag Manager -->
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="Fahmi Fareed Portfolio">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" src="./media/logo.png" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap" rel="stylesheet">
+    <title>DevFahmi | Home</title>
+</head>
+
+<body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRGLMZCX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+
+    <div class="nav">
+        <p>Fahmi Fareed</p>
+        <div class="pages">
+            <span class="page-item"><a aria-label="Visit my blog" href="https://blog.fahmi.xyz">Blog</a></span>
+            <span class="page-item"><a aria-label="Visit my Services page" href="/services">Services</a></span>
+            <span class="page-item"><a aria-label="Visit my contact page" href="/contact">Contact</a></span>
+        </div>
+    </div>
+
+    <div class="heading">
+        <div class="left">
+            <div class="socialmedia">
+                <a aria-label="Visit my GitHub profile" href="https://github.com/fahmifareed"><i class="fa-brands fa-github icon"></i></a>
+                <a aria-label="Visit my Twitter profile" href="https://twitter.com/fvhmifvreed"><i class="fa-brands fa-twitter icon"></i></a>
+                <a aria-label="Visit my LinkedIn profile" href="https://www.linkedin.com/in/fahmifareed/"><i class="fa-brands fa-linkedin-in icon"></i></a>
+            </div>
+            <h2 class="title">Hello, I'm <span class="highlight text">Fahmi Fareed</span></h2>
+            <p>DevOps Engineer. Docker Captain. Python Developer</p>
+            <div class="ibutton">
+                <button class="connect" onclick="location.href='https://github.com/fahmifareed'" type="button">Let's Collaborate</button>
+            </div>
+        </div>
+        <div class="right">
+            <img src="./media/logo2.png" alt="Fahmi Fareed - DevOps and Go Developer">
+        </div>
+    </div>
+
+    <div class="footer">
+        <div class="social-handle">
+            <a aria-label="Visit my Twitter profile" href="https://twitter.com/fvhmifvreed"><i class="fa-brands fa-twitter icon"></i> </a>
+            <a aria-label="Visit my GitHub profile" href="https://github.com/fahmifareed"><i class="fa-brands fa-github icon"></i> </a>
+            <a aria-label="Visit my LinkedIn profile" href="https://www.linkedin.com/in/fahmifareed/"><i class="fa-brands fa-linkedin icon"></i> </a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/media/Dev.png b/media/Dev.png
diff --git a/media/logo.png b/media/logo.png
diff --git a/media/logo2.png b/media/logo2.png
diff --git a/media/logo3.jpg b/media/logo3.jpg
diff --git a/services/bundle/index.html b/services/bundle/index.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Google Tag Manager -->
+    <script>(function (w, d, s, l, i) {
+            w[l] = w[l] || []; w[l].push({
+                'gtm.start':
+                    new Date().getTime(), event: 'gtm.js'
+            }); var f = d.getElementsByTagName(s)[0],
+                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+        })(window, document, 'script', 'dataLayer', 'GTM-WRGLMZCX');</script>
+    <!-- End Google Tag Manager -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Package Details</title>
+    <meta name="description" content="Fahmi Farid Services Page">
+    <link rel="icon"
+        href="https://user-images.githubusercontent.com/51878265/194138074-7a341083-e80e-49d9-8e58-02882b26d3d9.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
+        integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap" rel="stylesheet">
+</head>
+
+<body>   
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRGLMZCX" height="0" width="0"
+            style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    <div class="main">
+        <div class="nav">
+            <p>Fahmi Farid</p>
+            <div class="pages">
+                <span class="page-item"><a aria-label="Visit my Home page" href="/">Home</a></span>
+                <span class="page-item"><a aria-label="Vist my Services page" href="../../services">Services</a></span>
+                <span class="page-item"><a aria-label="Enquire about services" href="../../contact">Enquire</a></span>
+            </div>
+        </div>
+        <!------QUOTE------>
+        <div class="quote">
+            <div class="quote-title">
+                <h2>Social Posts: Packages and Pricing</h2>
+            </div>
+            <div class="added-value">
+                <p> (Plus Tax/Transaction fees or charges if applicable.) </p>
+            </div>
+            <div class="quote-body">
+                <div class="quote-box">
+                    <i class="fa-solid fa-message"></i>
+                    <h3 class="quote-box-title">Single Post </h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$200</p>
+                    <p class="quote-box-info">Twitter / LinkedIn</p>
+                    <p class="quote-box-info">With graphics provided</p>
+                    <p class="quote-box-info">Link Included</p>
+                    <p class="quote-box-info">Draft before posting</p>
+                </div>
+                <div class="quote-box">
+                    <i class="fa-solid fa-share"></i>
+                    <h3 class="quote-box-title">Reshare</h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$200</p>
+                    <p class="quote-box-info">Twitter / LinkedIn</p>
+                    <p class="quote-box-info">No links</p>
+                </div>
+                <div class="quote-box">
+                    <i class="fa-solid fa-video"></i>
+                    <h3 class="quote-box-title">Post With A Video</h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$350</p>
+                    <p class="quote-box-info">Twitter/LinkedIn</p>
+                    <p class="quote-box-info">1 Min Video</p>
+                    <p class="quote-box-info">Demo / Features</p>
+                    <p class="quote-box-info">Draft before posting</p>
+                </div>
+                <div class="quote-box">
+                    <i class="fa-brands fa-stack-exchange"></i>
+                    <h3 class="quote-box-title">Twitter Thread</h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$350</p>
+                    <p class="quote-box-info">3-4 Post Thread</p>
+                    <p class="quote-box-info">With graphics provided</p>
+                    <p class="quote-box-info">Link Included</p>
+                    <p class="quote-box-info">Draft before posting</p>
+                </div>
+            </div>
+            <div class="btn-box">
+                <a class="get-btn" aria-label="Enquire about services" href="../../contact">
+                    <p>ENQUIRE</p>
+                </a>
+            </div>
+            <div class="quote-body">
+                <div class="quote-box">
+                    <i class="fa-solid fa-message"></i>
+                    <h3 class="quote-box-title">Pack of 4 </h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$720</p>
+                    <p class="quote-box-info">Twitter / LinkedIn</p>
+                    <p class="quote-box-info">With graphics provided</p>
+                    <p class="quote-box-info">Link Included</p>
+                    <p class="quote-box-info">Draft before posting</p>
+                </div>
+                <div class="quote-box">
+                    <i class="fa-solid fa-message"></i>
+                    <h3 class="quote-box-title">Pack of 8</h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$1400</p>
+                    <p class="quote-box-info">Twitter / LinkedIn</p>
+                    <p class="quote-box-info">With graphics provided</p>
+                    <p class="quote-box-info">Link Included</p>
+                    <p class="quote-box-info">Draft before posting</p>
+                </div>
+                <div class="quote-box">
+                    <i class="fa-solid fa-message"></i>
+                    <h3 class="quote-box-title">Pack of 12</h3>
+                    <p class="quote-box-at">AT</p>
+                    <p class="quote-box-price">$2000</p>
+                    <p class="quote-box-info">Twitter / LinkedIn</p>
+                    <p class="quote-box-info">With graphics provided</p>
+                    <p class="quote-box-info">Link Included</p>
+                    <p class="quote-box-info">Draft before posting</p>
+                </div>
+            </div>
+        </div>
+        <div class="do-dont">
+            <div class="do-title">
+                <h2>Conditions + Do's and Don't</h2>
+            </div>
+            <div class="do-body">
+                <div class="child-box">
+                    <h3 id="do-head">Will do:</h3>
+                    <p class="pointer">◾ 100% Upfront payment</p>
+                    <p class="pointer">◾ Provide Analytics</p>
+                    <p class="pointer">◾ Approval before posting - Draft</p>
+                </div>
+                <div class="child-box">
+                    <h3 class="do-head">Won't do:</h3>
+                    <p class="pointer">◾ No 'salesy' and Exclusive language</p>
+                    <p class="pointer">◾ No defaming competitors</p>
+                    <p class="pointer">◾ No controversial graphics</p>
+                    <p class="pointer">◾ No promotion for bad product/project </p>
+                </div>
+            </div>
+        </div>
+        <!------FOOTER------>
+        <div class="footer">
+            <div class="social-handle">
+                <a aria-label="Visit my Twitter profile" href="https://twitter.com/pradumna_saraf"><i
+                        class="fa-brands fa-twitter"></i></a>
+                <a aria-label="Visit my GitHub profile" href="https://github.com/Pradumnasaraf"><i
+                        class="fa-brands fa-github"></i></a>
+                <a aria-label="Visit my LinkedIn profile" href="https://www.linkedin.com/in/pradumnasaraf/"><i
+                        class="fa-brands fa-linkedin"></i></a>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>