Digital Marketing Work Experience

ADNAN SAJJAD

ADNAN SAJJAD Digital Marketing & Content Creation Specialist

Transforming Ideas into Impactful Digital Experiences

With hands-on expertise in digital marketing, I specialize in developing strategies and content that help businesses grow, connect, and stand out. From creating tailored service templates to designing promotional visuals and producing engaging videos, my work is focused on enhancing brand visibility and driving measurable results.

I provide continuous content updates, campaign management, and corporate marketing support to ensure your brand stays relevant and ahead in today’s competitive digital landscape.

Driving Growth Through Creative Digital Solutions

In today’s fast-paced business environment, digital presence is no longer optional—it’s essential. I help organizations leverage marketing tools and content creation to:

Strengthen their online reputation
Increase audience engagement
Generate more qualified leads
Convert visibility into long-term growth

What I Bring to Your Digital Journey

I deliver a complete set of digital marketing solutions tailored to corporate and entrepreneurial needs. My skills and services include:

1️⃣ Digital Strategy Development – Roadmaps for Success

Crafting customized marketing strategies that align with your business goals, ensuring every digital effort works toward measurable growth.

2️⃣ Content Creation – Images & Videos That Tell Your Story

Designing professional visuals, short-form videos, and branded templates to make your message stand out across platforms.

3️⃣ Social Media Marketing – From Reach to Conversions

Planning and executing campaigns on platforms like Facebook, Instagram, LinkedIn, and YouTube to grow your audience and engagement.

4️⃣ Brand Visibility & Growth – Strengthening Your Online Presence

Using targeted promotions and content optimization to enhance brand awareness, trust, and recognition.

5️⃣ Corporate Marketing Support – Consistency That Drives Results

Providing regular updates, campaign monitoring, and brand communication support to maintain long-term visibility and growth.

Helping Brands Stay Ahead in a Competitive Digital World

Every business has a story to tell. My role is to ensure that story reaches the right people, at the right time, in the most effective way. Whether it’s through strategic campaigns, compelling content, or consistent marketing support—I make sure your brand never gets lost in the noise.

Let’s Build Your Digital Success Story Together

Are you ready to take your digital marketing efforts to the next level?
Get in touch today to discuss how I can help your business grow through strategy, creativity, and execution.

📧 Email: adnansajjadnew786@gmail.com
📞 https://linktr.ee/adnansajjad786 , https://campsite.bio/adnansajjad
🌐 Website:https://sites.google.com/view/adnan-sajjad

📬 Contact Me Anytime:
🔗 Contact Adnan Sajjad

Professional Digital Marketing Tools Recommended by Adnan Sajjad

1. Mobile / PC Speed & Utility Tools

Mobile / Wi-Fi / Internet Speed Tips

Open Settings → System → Reset Options → Reset Wi-Fi, Mobile, Bluetooth, Apps, or All System Settings.
Enable Developer Options → Wi-Fi Verbose Logging / Mobile Data Always Active.(Open Setting Go to System go to About Phone Go to Built Number click 7 Times than you see you on developer icon appears in system category Developer Options go to down page on (Enable Wifi Verbose logging) Mobile data always Active) .
Chrome Flags → chrome://flags/ → Enable Mirror Back Forward Gestures in RTL.

TeamViewer – Remote Access & File Transfer

Install TeamViewer on mobile & PC → Connect via ID → Transfer Files → Disconnect safely.
Links:
- Mobile Android Host: https://play.google.com/store/apps/details?id=com.teamviewer.host.market
- QuickSupport: https://www.teamviewer.com/en-us/solutions/use-cases/quicksupport/
- PC Desktop Full Client: https://www.teamviewer.com/en-us/download/portal/windows/

Step 1 Install

Step 2: Set Up a Remote Session

On your mobile device:
- Launch TeamViewer Host or QuickSupport.
- You'll see an ID number (and password/code, if QuickSupport).
On your laptop:
- Open the TeamViewer Full Client.
- Go to the Remote Control tab.
- Enter the mobile's ID (and password if prompted).
Click Connect – your laptop will now view/control your phone remotely. TeamViewer+1

Step 3: Transfer Files Between Devices

Once connected:

In the TeamViewer toolbar (on your laptop), click Files & Extras → Open file transfer.
A file explorer appears—allowing you to drag-and-drop between devices.
Simply select, transfer, and confirm when prompted.

BlueStacks 5 – Android Emulator on PC

Run Android apps/games on Windows/Mac with fast performance, multi-instance support, and Play Store access.
Link: https://bluestacks.com/download.html

APK Extractor

Extract APK files from system/user apps → Share or backup → No root needed.
Link:https://play.google.com/store/apps/details?id=com.ytheekshana.apkextractor&pcampaignid=web_share

Fortect – PC Repair & Optimization

Scan for errors → Fix issues → Optional Premium automated repair → Driver update, privacy protection, junk cleanup. (24 Hours Free trial Fix Error Update Driver Manually Recomended Adnan )
Link: https://www.fortect.com/

PDF X – PDF Viewer & Annotation

View, annotate, highlight, and organize PDFs across web and Android.
Links:
- Web: https://www.pdfxapp.com/
- Android: https://play.google.com/store/apps/details?id=readview.pdfx.com&pcampaignid=web_share

RevoUninstaller

Advanced 3-mode leftover removal App unintalled Clean Win Registry Recommend by Adnan Sajjad Link: https://www.revouninstaller.com/

Barcode / QR Code Generator

Generate any type of barcode or QR code for products or marketing.
Link: https://barcode.tec-it.com

AI Assistant Tools

Chat, automate, or brainstorm using AI assistants.
Links:

Temporary Email & Gmail Variations

Create temporary emails or Gmail variations for OTP and bulk accounts.
Links:
- Temp Email: https://temp-mail.org/en/
- Gmail variations: https://freegmail.netlify.app/

2. Image Creation & Editing Tools

AI Image Generators

Generate images from text prompts; supports creative, realistic, or artistic outputs.
Links:

Face Swap & Multiple Face Swap

Replace faces in images or videos. Multi-face support included.
Links:

Complete Picture / Body Editing

Create full-body images from head to toe.
Link: https://pincel.app/tools/ai

Image Up-Scaler

Increase image resolution without quality loss.
Link: https://clipdrop.co/image-upscaler , https://aifaceswap.io/

Background Removal

Remove image background automatically.
Links:
- https://www.remove.bg/
- https://www.fotor.com/features/background-remover/upload

Image Resize & Compression

Resize for social media, YouTube, web; compress to reduce file size.
Links:

Expand Image ai (Ai Auto match background or full picture)

Text / Logo Add & Remove

Add text/logo to images or remove unwanted text/objects.
Add Text: https://photokit.com/editor/ | https://picfont.com/ | https://watermarkly.com/add-text-to-photo/
Add Logo: https://addlogo.imageonline.co/ | https://placeit.net/ | https://watermarkly.com/add-text-to-photo/
Remove Text: https://picsart.com/remove-object-from-photo/text/
Remove Objects / Logos: https://app.photio.io/ | https://www.pixelcut.ai/t/magic-eraser

Crop & Paint

Graphic Design & Templates

Link: https://www.canva.com/free/

Website Button Generator

Link: https://www.clickminded.com

Holographic Creation / 3D Tools

Purpose: Convert pictures or videos into holographic images or videos for display on holographic devices such as LED fans, pyramid displays, or other 3D devices.

Tools & Instructions:

ePhoto360 – Convert images into holographic-style effects.
- Link: https://en.ephoto360.com

How to Use: Upload your picture → Select 3D/Holographic effect → Download image/video.

DeepAI 3D / Hologram – AI-powered 3D holographic generation.
- Link: https://deepai.org

How to Use: Upload your image → Choose 3D transformation → Export for holographic display.

EZGIF – Holographic Video Creation
- Link: https://ezgif.com/

How to Use: Upload pictures → Convert into GIF or video → Apply holographic animations.

FlexClip – 3D Hologram Video Creation
- Link: https://www.flexclip.com/create/3d-hologram-video.html

How to Use: Upload images → Add animations & transitions → Export as 3D hologram video for LED fan display or pyramid hologram.

Supported Devices for Holographic Viewing:

Holographic LED Fan Display
Pyramid Holographic Device
3D Hologram Projectors
Tip: Use high-quality PNG/JPG images for better holographic results. Adjust animation speed and angle depending on device type.

GIF MAKING

🎥How to Make Rotating Pyramid LOGO GIF 🎥

🧰 Requirements:

4 JPEG images (one for each face of the pyramid)

Basic image editing software (Photoshop, GIMP, or any 3D tool like Blender for the frame creation)

Ezgif.com for GIF assembly

✅ Step 1: Create 4 Pyramid Faces

Design 4 separate images (JPEG format).

These images will represent the 4 sides of your rotating pyramid.

Make sure all images are square and the same size for uniformity.

✅ Step 2: Generate Rotation Frames

Create 120 individual frame images that show the pyramid rotating 360 degrees.

The rotation should transition smoothly between the 4 images.

You can use tools like:

Blender (Download: https://www.blender.org/download/)

Blender (3D software) – for accurate pyramid rotation and frame rendering.

Or manually rotate and composite images if working in 2D.

💡 Pro tip: Save frames as frame001.jpg, frame002.jpg, ..., frame120.jpg for easy batch upload.

Total rotation 360°

Number of images/faces 4

Total frames 120

Frames per image/face 30

🎬 Step-by-Step: Create 120 Rotation Frames in Blender

✅ Step 1: Start a New Blender Project

Open Blender.

Delete the default cube:

Press A to select all

Press X → Delete

✅ Step 2: Add a Pyramid (Tetrahedron)

Press Shift + A → Mesh → Cone

In the bottom-left corner of the 3D viewport (after adding cone), click “Add Cone”:

Vertices: 4 (this makes a 3-sided pyramid + base)

Radius 1: 1

Depth: 2

Tip: You now have a 4-face pyramid!

Move it slightly up:

Press G, then Z, type 1, press Enter

✅ Step 3: Assign Images to Each Face

To apply one image per side, do the following:

🔄 Prepare Materials:

Go to Shading tab.

Select the pyramid.

Create a new material: click + New

In the Shader Editor, connect an Image Texture node:

Press Shift + A → Texture → Image Texture

Load one of your 4 images.

Connect it to the Base Color input of the Principled BSDF.

Use UV Mapping to assign different textures to different faces.

This part is technical. For beginners, it's easier to split the pyramid into 4 separate faces (or use multiple materials on individual faces using Edit Mode and Material slots).

Alternatively:

💡 Beginner trick: Use 4 different planes with image textures arranged around a center point in a pyramid shape.

✅ Step 4: Add a Camera and Lighting

Add a camera:

Shift + A → Camera

Position it: N → Transform → move it in front of the pyramid

Add a light:

Shift + A → Light → Point or Sun

✅ Step 5: Set Up the Rotation

You’ll rotate the pyramid or the camera around the center to simulate rotation.

Option A: Rotate the pyramid

Select the pyramid.

Go to frame 1.

Press I → Rotation (sets keyframe)

Go to frame 120.

Rotate Z by 360°:

Press R, then Z, type 360, press Enter

Press I → Rotation (again)

Now the pyramid rotates one full turn over 120 frames!

✅ Step 6: Set Output Settings

Go to the Output Properties tab (printer icon)

Set:

Frame Start: 1

Frame End: 120

Frame Rate: 30 or 24 (doesn't matter for GIF since delay is custom)

Output Format:

Click "Output" → Choose a folder

File format: JPEG

Color: RGB

Quality: 100%

✅ Step 7: Render All Frames

Go to Render menu → Render Animation

Blender will render 120 JPEG frames into the selected folder.

✅ Step 3: Assemble GIF using Ezgif

Go to 👉 https://ezgif.com/maker/

Upload your 120 frames.

Set each frame delay to 10 (in 1/100 sec).

Click “Upload and make a GIF!”

⚙️ GIF Settings (After Upload)

Use Toggle Range of Frames:

From: 1 To: 5

GIF Options:

Delay time: 20

Loop count: leave empty (0 = loop forever)

Click “Make a GIF”

🖼 Optional Enhancements (Before Saving)

Add Overlay Image (like your logo watermark)

Remove Background (if needed)

Crop, resize, optimize if required

💾 Final Step

Once you're happy with the preview, click “Save” to download your rotating pyramid GIF.

add GIF INTO A still image

🎥How to add GIF into picture

https://www.photopea.com/tuts/add-gif-into-a-still-image/

🧰 Requirement

open your Picture File & Gif File in Photopea.com.

STEP-1

OPEN YOUR STILL IMAGE THEN OPEN GIF

First, go to Photopea.com. Press File - Open, and open your still image. then open gif

for image size make it 560 width 315 height https://www.img2go.com/resize-image.

for gif resize https://ezgif.com/resize (Make to fit into picture of size 560 width 315 height )

STEP-2

DUPLICATE LAYER

click the open gif file panel in photopea from panel click LAYER then click DUPLICATE INTO In the new window, choose the document with the still image as a destination. Confirm with OK button. NOW Switch to the panel ("tab") with a still image. You will see your GIF in the top left corner. Disable "auto-select" at the top. Now, click and drag it to a new position (notice, that a whole folder is highlighted, so you are moving all frames at the same time Disable "auto-select ).

STEP-3

EXPORT AS GIF

Now, press File - Export As - GIF, and ... a new animation is ready! Hit Save to save it :)

STEP-4

RESIZE GIF

for gif resize https://ezgif.com/resize AS PER YOUR REQUIRED SIZE

The 16:9 ratio is a widescreen aspect ratio commonly used in TVs, monitors, and videos.

720p (HD) W 1280 × H720

1080p (Full HD) W1920 × H1080

1440p (QHD) W2560 × H1440

4K (UHD) W 3840 × H2160

8K W 7680 ×H 4320

add TEXT TO GIF

💡 How to add text to gif with EZGIF

Go to https://ezgif.com/add-text
Upload your GIF
Add text in the field below the preview (you can choose font, size, color, and position)
You can add text for specific frames or across all frames
Click "Generate GIF" or "Create"
Download your new GIF with the text

add TEXT TO GIF

💡 How to add text to gif with Canva

https://www.canva.com/features/add-text-to-gif/

3. Video Tools

Videos Clip Generator

Download Videos

Copy-paste video links to download.
Links: https://yt1s.ltd/en216nb/ | https://ssyoutube.com/en800oX/

Video Background Removal

Remove MP4 video background automatically.
Links: https://www.unscreen.com/upload | https://www.cutout.pro/remove-video-background
Remove Water mark https://magiceraser.org/remove-watermark-from-video/

Video Shot Picture Capture

https://ovdss.com/apps

Crop, Reverse, Merge, Face Swap

Crop Video: https://online-video-cutter.com/crop-video
Reverse Video: https://videobolt.net/
Video Face Swap: https://www.maxstudio.ai/face-swapper | https://aifaceswap.io/reference-to-video/ | https://www.swapfaces.ai/video-face-swapper-online
Merge Video: https://www.onlineconverter.com/merge-video

Video MP4 Converter / Codec Fix

Link: https://video-converter.com/

Innovative AI / Text-to-Video / Editing

Links: https://runwayml.com/ | https://leonardo.ai/ | https://storyteller.mootion.com/ | https://www.meta.ai/

AI Voiceovers / Voice Cloning / Multilingual Support

Links: https://app.klingai.com/global/account | https://www.skyreels.ai | https://deepai.org/styles | https://hailuoai.video/ | https://fliki.ai/?via=Ytthink

Lip Sync / Animate Faces

Links: https://gooey.ai/Lipsync/ | https://play.google.com/store/apps/details?id=com.dreamapp.dubhe | https://www.puppetry.com/studio/animate-with-text | https://app.tokkingheads.com/homepage

4. Audio / Music Tools

Text-to-Speech/ Voice Cloning ( Make Own voice Feature on Play ht Voice Coloning Feature)

Different Voices

Text-to-Song / Singing Voice / Voice Cloning

https://tuna.voicemod.net/text-to-song/
https://app.songr.ai/
https://suno.com/home
https://www.kits.ai/tools/voice-cloning (Recommended Adnan Sajjad)
https://anyvoicelab.com/voices/singing-voice/

Your Own Voice cloning and sing song any upload audio song convert into your voice free Now cannot Download ok

https://www.kits.ai/tools/voice-cloning

X Record / Capture Audio – XRecorder (Recommended Adnan Sajjad)

Instructions: Record internal audio while playing songs or AI-generated music.

Problem Solved: cannot download generated cloning song it download

Link: https://play.google.com/store/apps/details?id=com.duapps.recorder

Step-by-Step Guide to Record Song Using XRecorder (with Internal Audio)

🔧 1. Setup Internal Audio (Important for Good Quality)

Open XRecorder.
Tap the gear icon (⚙️) for Settings.
Go to Audio Settings.
Set Audio Source to:
- "Internal Audio" or
- "Internal and Microphone" (if Internal Audio only is not available)

▶️ 2. Start Recording

Open the Kits.AI link in your browser:
https://app.kits.ai/conversions/YTJnLU42YUxOTQ%3D%3D
Go back to XRecorder and tap the floating record button (orange camera icon).
Once the countdown ends, quickly switch to the Kits.AI tab and play your song.
Let the song play completely.
After it ends, pull down the notification bar and stop the recording.

💾 3. Save & Extract Audio (Optional)

If you want to convert your screen recording to MP3, you can:

Use apps like "Video to MP3 Converter",

Music Source / Instrument Split / Vocal Removal

MP3 Cutter / Merge / Remove / Convert

Cut MP3: https://www.onlineconverter.com/cut-mp3
Remove Audio: https://www.audioremover.com/ | https://restream.io/tools/remove-audio-from-video
Merge Video: https://www.onlineconverter.com/merge-video

Free Sounds / MP3 Download

https://freesound.org/

Video Error Fixer ( Unsupported Video Codec Fix)

https://video-converter.com/

File Compression / Zip / Tiny Size

FULL MOVIE MAKING

For Android:
👉 https://play.google.com/store/apps/details?id=com.frontrow.vlog

For iOS (iPhone/iPad):
👉 https://apps.apple.com/us/app/vn-video-editor/id1343581380

For Mac/Windows:
👉 https://www.vlognow.me/download/

Mini Tool Movie Maker https://moviemaker.minitool.com/moviemaker/minitool-released-moviemaker-5-4.html

🌍 Website SEO

Practical Website & SEO Implementation: From HTML to Lead Capture and Automation"

"Create Your Website with Google Sites: A Simple and Free Solution"

Hey everyone! If you're looking to build a website without breaking the bank or needing to learn complex coding, I highly recommend using Google Sites. Here's why:

Why Google Sites?

Free: No costs or hidden fees
Easy to use: Drag-and-drop builder and intuitive interface
Customizable: Choose from various templates and themes
Integrates with Google services: Seamless integration with Google Drive, Analytics, and more

Perfect for:

Small businesses
Portfolios
Personal websites
Event websites

How to get started:

Sign in with your Google account
Choose a template or start from scratch
Customize your site
Publish and share

Give Google Sites a try and create your own website today!

Get started: https://sites.google.com

Help Center: https://support.google.com/sites

Recommended by Adnan sajjad example https://sites.google.com/view/adnan-sajjad

🌍 Website Contact Form

"Create Your Own Contact Form with Formspree and Google Sites"

Are you looking to add a professional contact form to your Google Sites website? In this guide, I'll show you how to create a custom contact form using Formspree and embed it into your Google Sites website.

Why Formspree?

Free: No costs or hidden fees
Easy to use: Simple setup process
Customizable: Tailor your form to fit your needs
Reliable: Formspree handles form submissions, so you don't have to worry about server-side code.

Step-by-Step Guide:

Sign up for Formspree: Go to Formspree.io and create an account.
Create a Form: Set up your contact form with fields like name, email, phone number, and message.
Get the Form Code: Copy the HTML code generated by Formspree.
Embed the Form in Google Sites: Use the embed feature in Google Sites to add the form code to your website.
Publish and Test: Publish your website and test the form to ensure it's working correctly.

HTML

<button type="submit">Send Message</button>

</form>

Customization Tips:

Use CSS to style your form and make it visually appealing.
Add or remove fields as needed to fit your requirements.
Use Formspree's features to set up auto-reply emails and customize the thank-you message.

Get Started:

Follow these steps to create your own contact form and add it to your Google Sites website. With Formspree and Google Sites, you can create a professional-looking contact form in no time.

Need Help?

If you have any questions or need further assistance, feel free to ask. I'm here to help you create a contact form that works for you.

Embeded Code Example:

You can use the following embeded HTML code as an example:

<style>

/* Make text input fields and text area larger */

input[type="text"], input[type="email"], textarea {

font-size: 18px; /* Adjust font size */

padding: 12px; /* Space inside the box */

border-radius: 8px; /* Rounded corners */

border: 2px solid #ccc; /* Border style */

width: 100%; /* Make the input fields take full width of the container */

box-sizing: border-box; /* Ensure padding doesn’t affect the width */

}

/* Increase the size of the text area (for enquiry and message) */

textarea {

height: 180px; /* Adjust the height of the text area */

font-size: 18px; /* Larger text */

padding: 15px; /* Space inside the text box */

}

/* Style for the submit button */

button[type="submit"] {

font-size: 18px;

background-color: #4CAF50; /* Green color */

color: white;

padding: 15px 32px;

border: none;

border-radius: 5px;

cursor: pointer;

}

/* Hover effect for the submit button */

button[type="submit"]:hover {

background-color: #45a049; /* Darker green on hover */

}

/* Small text for the description */

small {

font-size: 14px; /* Make small text a bit smaller */

color: #777; /* Lighter color */

}

</style>

<small>Please enter your full name.</small><br><br>

<label for="email">Your Email Address:</label><br>

<small>Please enter your email address so we can get in touch with you.</small><br><br>

<label for="phone">Phone Number (Optional):</label><br>

<small>Please provide a phone number if you prefer to be contacted by phone.</small><br><br>

<label for="enquiry">Your Enquiry:</label><br>

<small>Please mention the services you are inquiring about from Adnan Sajjad below: Tell us what services you are interested in or what information you would like to know.</small><br><br>

<label for="message">Additional Message or Notes:</label><br>

<small>Feel free to provide any other details or questions.</small><br><br>

<button type="submit">Send Message to Mr. Adnan Sajjad</button><br><br>

<small>Your message will be sent to: adnansajjadnew786@gmail.com</small>

</form>

This guide provides a step-by-step tutorial on creating a contact form using Formspree and embedding it into Google Sites.Recommended by Adnan sajjad

🌍 Chatbot Assistant on Website

"Add a Chatbot Assistant to Your Website with Tidio"

Are you looking to enhance your website's user experience and provide instant support to your visitors? In this guide, we'll show you how to add a chatbot assistant to your website using Tidio.

Why Tidio?

Easy to use: Simple setup process
Customizable: Tailor your chatbot to fit your brand
Real-time support: Respond to visitors in real-time
Analytics: Track visitor behavior and improve your website

Step-by-Step Guide:

Sign up for Tidio: Go to Tidio.com and create an account.
Create a Chatbot: Set up your chatbot and customize its appearance.
Get the Code: Copy the Tidio code snippet.
Add the Code to Your Website: Paste the code into your website's HTML.

How to Add the Code:

Log in to your website's backend (e.g., Google Sites, WordPress, etc.).
Go to the page where you want to add the chatbot.
Click on the "HTML" or "Code" section.
Paste the Tidio code snippet.
Save and publish your changes.

Tips and Variations:

Customize your chatbot's appearance to match your brand.
Set up automated messages and responses.
Use Tidio's analytics to track visitor behavior.

Get Started:

Follow these steps to add a chatbot assistant to your website and improve your visitor's experience. With Tidio, you can provide instant support and increase engagement on your website.

🌍 Data Indexing & Metadata Optimization

Subtitle: "Adnan Sajjad | Data Indexing & Metadata Optimization Expert | Interactive Pakistan Missions Directory

"

🔍 Data Indexing Aspect

Your JavaScript creates an array of structured mission records (missionsData[]), each with fields like Country, City, Officer, Address, Email, Website, SocialMedia, Status.
When you use filterMissions() with the oninput search, it performs real-time data filtering and retrieval, which is essentially client-side data indexing for faster lookups.

🧩 Metadata Optimization Aspect

Each entry in missionsData acts as metadata (descriptive data about Pakistan’s foreign missions).
The data fields serve as metadata attributes, enabling semantic search and filtering.
The HTML <meta> tags, structured JSON-like objects, and semantic labeling (Country, City, Officer, etc.) all contribute to metadata clarity, improving SEO and machine readability.

⚙️ In technical terms:

Your code is a metadata-optimized, searchable directory system implemented with:

Tailwind CSS for responsive UI,
JavaScript filtering for client-side data indexing,
Structured metadata for semantic discoverability.

If you were to integrate it with a database or a search engine (like ElasticSearch, Meilisearch, or even local IndexedDB), it would scale into a full-fledged Data Indexing and Metadata Optimization platform.

Adnan Sajjad presents a professional Data Indexing and Metadata Optimization project — an interactive Pakistan Missions Directory built with HTML, Tailwind CSS, and JavaScript. This project highlights expertise in structured data, client-side search algorithms, and metadata management to improve visibility, accessibility, and SEO performance for real-time data-driven web applications.

Pakistan Missions Directory | Find Pakistan Embassies, Consulates & High Commissions Worldwide

Explore the Pakistan Missions Directory — a global listing of Pakistani embassies, consulates, and high commissions. Search by country, city, or officer to find contact details, email, address, and social media links for Pakistan’s diplomatic missions around the world.

Example html code below powered by Adnan sajjad

(note can be make edit with any info search by your desired data search )

<!DOCTYPE html>

<head>

<title>Pakistan Mission Directory</title>

tailwind.config = {

theme: {

extend: {

fontFamily: {

sans: ['Inter', 'sans-serif'],

},

colors: {

'primary': '#005C3B', // Dark Green

'secondary': '#E0F2F1', // Light Teal/Mint

'accent': '#FFD700', // Gold/Yellow

}

</script>

<style>

/* Custom styles for better readability and structure */

body {

background-color: #f8f8f8;

min-height: 100vh;

}

.info-label {

font-weight: 600;

color: #1e293b; /* Slate-800 */

}

.info-value {

color: #334155; /* Slate-700 */

}

.search-container {

position: sticky;

top: 0;

z-index: 10;

padding: 1rem 0;

background: #f8f8f8; /* Match body background */

box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);

}

</style>

</head>

<h1 class="text-3xl sm:text-4xl font-extrabold text-primary mb-2">Pakistan Missions Directory</h1>

<p class="text-lg text-gray-600">Search for contact details, addresses, and social media links by Country or City.</p>

</header>

<input

type="text"

id="search-input"

placeholder="Search by Country (e.g., UAE), City (e.g., Dubai), or Officer Name..."

class="w-full p-4 border-2 border-primary focus:border-accent rounded-xl shadow-lg focus:outline-none transition duration-150 text-gray-700"

oninput="filterMissions()"

/>

</div>

</div>

</div>

<p class="text-2xl font-bold text-gray-700">No Missions Found</p>

<p class="text-gray-500 mt-2">Try searching with a different country or city name.</p>

</div>

// Data containing all the mission details

const missionsData = [

{ "Country": "UAE", "City": "Abu Dhabi", "Officer": "Ambassador: H.E. Faisal Niaz Tirmizi", "Address": "Embassy of Pakistan, Plot #2, Sector W59, Diplomatic Enclave, near Sheikh Zayed Military Hospital, PO Box 846", "Email": "parepabudhabi@pakistanembassyuae.org", "Website": "pakistanembassyuae.org", "SocialMedia": "Facebook: Pakistan Embassy Abu Dhabi; Twitter: @PakEmbassyAbudhabi", "Status": "Active" },

{ "Country": "Nigeria", "City": "Abuja", "Officer": "High Commissioner: Major General (R) Sohail Ahmad Khan", "Address": "High Commission of Pakistan, Plot No. A‑11022, Zone AO, Opposite European Union/Oando Filling Station, Central Business, Abuja, Nigeria", "Email": "pahicabuja@mofa.gov.pk ; pakistanhcabuja@gmail.com", "Website": "pakistanhighcommissionabuja.com", "SocialMedia": "Facebook: Pakistan High Commission Abuja", "Status": "Active" },

{ "Country": "Jordan", "City": "Amman", "Officer": "Mr. Shifaullah", "Address": "Embassy of Pakistan, Amman, Jordan", "Email": "parepamman@mofa.gov.pk", "Website": "mofa.gov.pk (Jordan mission page)", "SocialMedia": "Instagram: @pakinjordan", "Status": "Active" },

{ "Country": "Turkiye", "City": "Ankara", "Officer": "Dr. Yousaf Junaid", "Address": "Embassy of Pakistan, Gazi Osman Pasa Mahallesi, Iran Cd No.37, 06700, Cankaya/Ankara, Turkiye", "Email": "parepankara@mofa.gov.pk", "Website": "pakembassyankara.com", "SocialMedia": "Facebook: Pakistan Embassy Ankara; Twitter: @PakinTurkiye; Instagram: @PakinTurkiye", "Status": "Active" },

{ "Country": "Turkey", "City": "Istanbul", "Officer": "Mr. Ziauddin Jumshyd (Consul General)", "Address": "Gullu Sokak No 20, 3 Levent, Istanbul", "Email": "pakconsulate.istanbul@mofa.gov.pk", "Website": "https://mofa.gov.pk/istanbul-turkey/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Kazakhstan", "City": "Astana", "Officer": "Mr. Nauman Bashir Bhatti", "Address": "Embassy of the Islamic Republic of Pakistan, 15th Floor, Business Centre, Peking Palace Hotel, 27 Syganak Street, Astana, Kazakhstan", "Email": "parepastana@mofa.gov.pk", "Website": "https://pakembkazakhstan.org", "SocialMedia": "No Active Presence", "Status": "Active" },

{ "Country": "Greece", "City": "Athens", "Officer": "Mr. Zahid Mehmood", "Address": "Embassy of Pakistan, Vekiareli 15, Filothei 152 37, Athens, Greece", "Email": "parepathen@mofa.gov.pk", "Website": "embassy site or MOFA Greece mission page", "SocialMedia": "Facebook: Pakistan Embassy Athens; Twitter: @PakinGreece; Instagram: @pakingreece; YouTube: Pakistan Embassy Athens", "Status": "Active" },

{ "Country": "Iraq", "City": "Baghdad", "Officer": "Head of Mission: Ambassador Muhammad Zeeshan Ahmed", "Address": "Pakistan Embassy, Near Sinak Bridge, Al‑Mansour Melia Hotel, Baghdad, Iraq", "Email": "parepbaghdad@mofa.gov.pk ; pakbaghdad@gmail.com", "Website": "https://mofa.gov.pk/baghdad", "SocialMedia": "no active presence", "Status": "Active" },

{ "Country": "Azerbaijan", "City": "Baku", "Officer": "Ambassador Qasim Mohiuddin", "Address": "Embassy of Pakistan, 106 Attaturk Avenue, Narimanov District, Baku, Azerbaijan", "Email": "parepbaku@mofa.gov.pk", "Website": "https://mofa.gov.pk/baku", "SocialMedia": "Facebook: Pakistan Embassy Baku; Twitter: @pakembassybaku", "Status": "Active" },

{ "Country": "Serbia", "City": "Belgrade", "Officer": "H.E. Mr. Ali Haider Altaf", "Address": "Embassy of Pakistan, Bulevar Kneza Aleksandra Karadjordjevica 62, 11040, Belgrade, Serbia", "Email": "parepbelgrade@mofa.gov.pk", "Website": "https://mofa.gov.pk/belgrade", "SocialMedia": "Facebook: Pakistan Embassy Belgrade; Twitter: @PakinSerbia; Instagram: @pakembbelgrade", "Status": "Active" },

{ "Country": "Thailand", "City": "Bangkok", "Officer": "Mr. Tahir ul Qamar", "Address": "Embassy of Pakistan, 31 Soi Nana Nua, Sukhumvit-3 Road, Bangkok, Thailand", "Email": "parepbangkok@mofa.gov.pk; parebangkok@gmail.com", "Website": "https://mofa.gov.pk/bangkok", "SocialMedia": "Facebook: Pakistan Embassy Bangkok", "Status": "Active" },

{ "Country": "Spain", "City": "Barcelona", "Officer": "Mr. Murad Ali Wazir (Consul General)", "Address": "Consulate General of Pakistan, Av. de Sarria, 27, 08029 Barcelona, Spain.", "Email": "(Missing - website contact form is primary)", "Website": "https://pakconsulatebcn.com/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Lebanon", "City": "Beirut", "Officer": "Mr. Salman Athar (Ambassador)", "Address": "Embassy of Pakistan Karam Building, 2nd Floor, Brasilia Street, Lot 3217, Section 10, Hazmieh, Beirut, Lebanon.", "Email": "parepbeirut@mofa.gov.pk / pkemlblb@gmail.com", "Website": "https://mofa.gov.pk/beirut-lebanon/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Germany", "City": "Berlin", "Officer": "Ms. Saqlain Syedah (Ambassador)", "Address": "Embassy of Pakistan, Schaperstrasse 29 -10719 Wilmersdorf, Berlin, Germany", "Email": "mail@pakemb.de / pakemb.berlin@t-online.de", "Website": "https://pakemb.de/", "SocialMedia": "(Missing - but likely listed on the website)", "Status": "Active" },

{ "Country": "Switzerland", "City": "Berne", "Officer": "Dr. Marghoob Saleem Butt (Ambassador)", "Address": "Embassy of Pakistan, Bernastrasse 47, CH-3005 Bern, Switzerland", "Email": "parepbern@gmail.com / parepberne@bluewin.ch", "Website": "https://mofa.gov.pk/bern-switzerland/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "UK", "City": "Birmingham", "Officer": "Sardar Adnan Rashid (Consul General)", "Address": "Consulate of Islamic Republic of Pakistan, 10A the Wharf Bridge Street, B1 2JS WHARF, Birmingham, United Kingdom", "Email": "parepbirmingham@phclondon.org", "Website": "https://pakistanconsulatebirmingham.com/", "SocialMedia": "Facebook: Pakistan Consulate Birmingham / Twitter: @PBghm", "Status": "Active" },

{ "Country": "Kyrgyzstan", "City": "Bishkek", "Officer": "H.E. Hasan Ali Zaigham (Ambassador)", "Address": "37 Serova Baiylonova Street, Bishkek 720040, Kyrgyzstan", "Email": "parepbishkek@mofa.gov.pk / parepbishkek@aknet.kg", "Website": "https://mofa.gov.pk/bishkek-kyrgyzstan/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "UK", "City": "Bradford", "Officer": "Mr. Ibrar Hussain Khan (Consul General)", "Address": "1-3 Kingsgate, Bradford Business Park, Bradford BD1 4SJ", "Email": "parepbradford@phclondon.org / parepbradford@hotmail.com (General)", "Website": "https://www.phclondon.org/bradford / https://pakistanconsulatebradford.com/", "SocialMedia": "(Missing - but part of the High Commission network)", "Status": "Active" },

{ "Country": "Brazil", "City": "Brasilia", "Officer": "Mr. Murad Ashraf Janjua (Ambassador)", "Address": "SHIS QL-12, Conjunto-02, Casa-19, Lago Sul, Brasilia- DF. CEP: 71630-225", "Email": "parepbrasilia@yahoo.com / parepsbra@brturbo.com.br", "Website": "https://mofa.gov.pk/brasilia/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Brunai Darussalam", "City": "Bandar Seri Begawan", "Officer": "Mr. Janbaz Khan (High Commissioner)", "Address": "No. 15, Simpang 247-3, Kampong Lambak Kanan, Jalan Utama Berakas, Bandar Seri Begawan BE1114, Brunei Darussalam", "Email": "pahicbrunei1@mofa.gov.pk", "Website": "https://mofa.gov.pk/brunei/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Belgium", "City": "Brussels", "Officer": "H.E. Rahim Hayat Qureshi (Ambassador)", "Address": "57 Avenue Delleur, 1170 Brussels, Belgium", "Email": "parepbrussels@mofa.gov.pk (from MOFA team page) / parepbrussels@skynet.be", "Website": "https://mofa.gov.pk/brussels/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Romania", "City": "Bucharest", "Officer": "H.E. Mr. Muhammad Arshad Jan Pathan (Ambassador)", "Address": "Strada Barbu Delavrancea Nr. 22, Sector 1, 011352 București, Romania", "Email": "parepbucharest@mofa.gov.pk", "Website": "https://mofa.gov.pk/bucharest-romania/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Argentina", "City": "Buenos Aires", "Officer": "(Ambassador - Name is missing from most current search results, often changes)", "Address": "Gorostiaga 2176, C1426Crn, Buenos Aires, Argentina", "Email": "parepsbuenosaires@mfa.gov.pk / parepsbaires@sinectis.com.ar", "Website": "http://www.mofa.gov.pk/argentina/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "China", "City": "Beijing", "Officer": "H.E. Ambassador Khalil Hashmi (Ambassador)", "Address": "1-Dongzhimenwai Dajie, Sanlitun, Beijing 100600, China", "Email": "pakembbeijing@yahoo.com / pakembpeking@mofa.gov.pk", "Website": "https://www.pakbj.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Egypt", "City": "Cairo", "Officer": "H.E. Ambassador Aamir Shouket (Ambassador)", "Address": "10-A, Aswan Square, Mohandessin, Giza, Cairo, Egypt", "Email": "pakembcairo@gmail.com / parepcairo@mofa.gov.pk", "Website": "http://pakistanembassycairo.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Australia", "City": "Canberra", "Officer": "Mr. Irfan Shaukat (High Commissioner)", "Address": "4, Timbarra Cresent, O' Malley ACT 2606, Australia", "Email": "pakcanberra@mofa.gov.pk", "Website": "https://www.pakistan.org.au/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "USA", "City": "Chicago", "Officer": "Mr. Tariq Karim (Consul General)", "Address": "333 N Michigan Ave, Suite 728, Chicago, IL 60601, USA", "Email": "info@cgpkchicago.org", "Website": "https://cgpkchicago.org/", "SocialMedia": "(Missing - but mentions following on social media)", "Status": "Active" },

{ "Country": "Sri Lanka", "City": "Colombo", "Officer": "(High Commissioner - Name is missing from most current search results)", "Address": "No 42 & 44, Bullers Lane, Colombo 7, Sri Lanka", "Email": "pahiccolombo@mofa.gov.pk", "Website": "https://www.pakistanhc.lk/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Denmark", "City": "Copenhagen", "Officer": "H.E. Mr. Shoaib Sarwar (Ambassador)", "Address": "Valeursvej 17, 2900 Hellerup, Denmark", "Email": "parepcopenhagen@mofa.gov.pk / info@pakistanembassy.dk", "Website": "https://www.pakistanembassy.dk/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Senegal", "City": "Dakar", "Officer": "Ms. Saima Sayed (Ambassador)", "Address": "Rue FN 11, Fann Mermoz, BP: 3220, Dakar, Senegal", "Email": "parepdakar@mofa.gov.pk / parepdakar@orange.sn", "Website": "https://mofa.gov.pk/dakar-senegal/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Syria", "City": "Damascus", "Officer": "Air Marshal (R) Shahid Akhtar (Ambassador)", "Address": "East Mezzeh, Al-Farabi Street, Damascus, Syria", "Email": "parepdamascus@mofa.gov.pk", "Website": "https://mofa.gov.pk/damascus-syria/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Tanzania", "City": "Dar-es-Salam", "Officer": "H.E. Siraj Ahmad Khan (High Commissioner)", "Address": "Plot No. 1/7, H. No. 11, Chisiza Close Oysterbay, Dar-es-Salaam, Tanzania.", "Email": "pahictanzania@mofa.gov.pk", "Website": "https://mofa.gov.pk/dar-es-salam-tanzania/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Bangladesh", "City": "Dhaka", "Officer": "H.E. Mr. Imran Haider (High Commissioner)", "Address": "High Commission for Pakistan, NE(C) 2, Road no. 71, Gulshan II, Dhaka.", "Email": "pahicdhaka@mofa.gov.pk", "Website": "https://mofa.gov.pk/profiles/he-syed-ahmed-maroof?mission=dhaka", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Qatar", "City": "Doha", "Officer": "H.E. Mr. Muhammad Aamer (Ambassador)", "Address": "Embassy of Pakistan, Building No. 77, Street No. 905, Zone No. 66, Onaiza, Doha.", "Email": "parepdoha@mofa.gov.pk", "Website": "https://mofa.gov.pk/doha-qatar/", "SocialMedia": "https://www.facebook.com/PakistaninDoha/", "Status": "Active" },

{ "Country": "UAE", "City": "Dubai", "Officer": "H.E. Mr. Hussain Muhammad (Consul General)", "Address": "Consulate General of Pakistan, 2 11th Street Khalid Bin Waleed Road, Umm Hurair One - Dubai. (Bur Dubai)", "Email": "cg@pakistanconsulatedubai.ae", "Website": "https://pakistanconsulatedubai.ae/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Ireland", "City": "Dublin", "Officer": "H.E. Ms. Aisha Farooqui (Ambassador)", "Address": "Ailesbury Villa, 1-B, Ailesbury Road, Ballsbridge, Dublin 4, Ireland", "Email": "Pakembassydublin@gmail.com", "Website": "https://pakembassydublin.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Germany", "City": "Frankfurt", "Officer": "Mr. Shifaat Ahmad Kaleem (Acting Consul General)", "Address": "Consulate General of Pakistan, Eschenbachstrasse 28/Off, Kennedyallee, 60596, Frankfurt am Main.", "Email": "(Missing)", "Website": "https://www.pakmissionfrankfurt.de/", "SocialMedia": "Tweets by PakinFrankfurt", "Status": "Active" },

{ "Country": "Scotland, UK", "City": "Glasgow", "Officer": "Mr. Summar Javed (Consul General)", "Address": "Consulate of Pakistan, 45 Maxwell Drive, Glasgow G41 5JF, United Kingdom.", "Email": "copglasgow@gmail.com", "Website": "https://www.phclondon.org/glasgow", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Zimbabwe", "City": "Harare", "Officer": "Mr. Muhammad Amjad Aziz Qazi (Ambassador)", "Address": "11 Van Praagh Avenue, Milton Park, P.O. Box 3050, Harare.", "Email": "pakembassyhar@gmail.com", "Website": "https://mofa.gov.pk/harare-zimbabwe/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Afghanistan", "City": "Herat", "Officer": "(Consul General - Name Missing)", "Address": "Consulate General of Pakistan, Chaharahy-e-Amreat Herat, Afghanistan.", "Email": "parepherat@hotmail.com", "Website": "https://mofa.gov.pk/herat-afghanistan/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "China", "City": "Hong Kong", "Officer": "Mr. Bilal Ahmad Butt (Consul General)", "Address": "Room 803-04, 8th Floor Tung Wai commercial Building, 109-111, Gloucester Road, Wanchai", "Email": "parephongkong@mofa.gov.pk", "Website": "https://www.pakbj.org/consulates/27.htm", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "USA", "City": "Houston", "Officer": "Mr. Muhammad Aftab Chaudhry (Consul General)", "Address": "11850 Jones Road, Houston, TX 77070", "Email": "cg@pakistanconsulatehouston.org / pakinhouston@sbcglobal.net", "Website": "https://pakistanconsulatehouston.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Indonesia", "City": "Jakarta", "Officer": "H.E. Muhammad Hassan (Ambassador)", "Address": "Jalan Mega Kuningan Barat, Block E.3.9, Kav, 5-8, Seltan 12950, Jakarta", "Email": "parepjakarta@mofa.gov.pk", "Website": "https://mofa.gov.pk/jakarta-indonesia/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Afghanistan", "City": "Jalalabad", "Officer": "(Consul General - Name Missing)", "Address": "Charahi-e-Sarshahi, Jalalabad", "Email": "parepjalalabad@mofa.gov.pk", "Website": "(Missing)", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "KSA", "City": "Jeddah", "Officer": "Mr. Farrukh Ahmad (Consul General)", "Address": "Consulate General of Pakistan, N-17, E-7 Sector Mushirefah Ibrahim Al Tassan Street (19), Building # 58, P.O.Box 182.", "Email": "pakconsulatejeddah@mofa.gov.pk", "Website": "http://www.pakconsulatejeddah.com/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Afghanistan", "City": "Kabul", "Officer": "H.E. Obaid Ur Rehman Nizamani (Ambassador)", "Address": "Wazir Akbar Khan, Street 15, Kabul", "Email": "parepkabul@mofa.gov.pk", "Website": "http://pakembassykabul.org/", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "Afghanistan", "City": "Kandhar", "Officer": "Mr. Muhammad Zahid Khan (Consul General)", "Address": "Sarak-e-Kandahar, Daman", "Email": "pak.consulate.kandahar@gmail.com", "Website": "(Missing)", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "Nepal", "City": "Kathmandu", "Officer": "H.E. Abrar H Hashmi (Ambassador)", "Address": "Kapan Marg Chakrapath, Maharahgunj, Kathmandu", "Email": "parepkatmandu@mofa.gov.pk", "Website": "https://pakinnepal.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Sudan", "City": "Khartoum", "Officer": "H.E. Mr. Ahmad Hussain Dayo (Ambassador)", "Address": "Street 47, Amarat, Khartoum", "Email": "parepkhartoum@mofa.gov.pk", "Website": "https://mofa.gov.pk/khartoum-sudan/", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "Ukraine", "City": "Kyiv", "Officer": "H.E. Major Gen (R) Noel Israel Khokhar (Ambassador)", "Address": "7, Pafilovziv Per. KYIV, 01015", "Email": "parepkyiv@mofa.gov.pk", "Website": "https://mofa.gov.pk/kyiv-ukraine/", "SocialMedia": "https://twitter.com/PakinUkraine", "Status": "Active" },

{ "Country": "Malaysia", "City": "Kuala Lumpur", "Officer": "H.E. Syed Ahsan Raza Shah (High Commissioner)", "Address": "132, Jalan Ampang, 50450, Kuala Lumpur", "Email": "pahickualalumpur@mofa.gov.pk", "Website": "https://www.pakistanhc.org.my/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Kuwait", "City": "Kuwait", "Officer": "H.E. Mr. Khizer Hayat Khan Niazi (Ambassador)", "Address": "Villa #7, Qasima/Plot #5, Block-11, Street #101, Shahre-e-Police station, JABRIYA", "Email": "parepkw@pakembkw.org", "Website": "http://www.pakembkw.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Portugal", "City": "Lisbon", "Officer": "H.E. Mr. Muhammad Azam (Ambassador)", "Address": "Avenida Da Republica, No. 36-6, 1050-193, Lisboa.", "Email": "pareplisbon@mofa.gov.pk", "Website": "http://www.pakembassy.pt/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "UK", "City": "London", "Officer": "H.E. Dr. Mohammad Faisal (High Commissioner)", "Address": "Pakistan High Commission, 34 Lowndes Square, SW1X 9JN.", "Email": "pahic@phclondon.org", "Website": "https://www.phclondon.org/", "SocialMedia": "https://twitter.com/PakistaninUK", "Status": "Active" },

{ "Country": "USA", "City": "Los Angeles", "Officer": "Dr. Asad M. Khan (Consul General)", "Address": "10700 Santa Monica Blvd, suite 211, Los Angeles, CA 90025.", "Email": "info@pakconsulatela.org", "Website": "http://www.pakconsulatela.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Spain", "City": "Madrid", "Officer": "H.E. Dr. Zahoor Ahmed (Ambassador)", "Address": "Call de Pedro de Valdivia, 16, 28006 Madrid", "Email": "parepmadrid@mofa.gov.pk", "Website": "http://www.embassyofpakistan.es/", "SocialMedia": "https://twitter.com/PakinSpain", "Status": "Active" },

{ "Country": "Bahrain", "City": "Manama", "Officer": "H.E. Mr. Muhammad Ayub (Ambassador)", "Address": "Building # 35, Road # 1901, block # 319, Manama", "Email": "parepmanama@mofa.gov.pk", "Website": "https://mofa.gov.pk/manama-bahrain/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "UK", "City": "Manchester", "Officer": "Mr. Tariq Wazir (Consul General)", "Address": "137-Dickenson Road M14 5JB", "Email": "cgmanchester@phclondon.org", "Website": "https://www.phclondon.org/manchester", "SocialMedia": "https://twitter.com/PakinManchester", "Status": "Active" },

{ "Country": "Philippines", "City": "Manila", "Officer": "H.E. Dr. Imtiaz Ahmad Kazi (Ambassador)", "Address": "6th Floor, Builders Centre, 170 Salcedo St., Legaspi Village, Makati City.", "Email": "parepmanila@mofa.gov.pk", "Website": "https://pakembmanila.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Iran", "City": "Mashhad", "Officer": "Mr. Muhammad Baqir (Consul General)", "Address": "Sajjad Street, Mashhad.", "Email": "pakconsulate_mashhad@yahoo.com", "Website": "https://mofa.gov.pk/mashhad-iran/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Mexico", "City": "Mexico City", "Officer": "H.E. Mr. Shozab Abbas (Ambassador)", "Address": "Boulevard de los Virreyes 1015, Col. Lomas de Chapultepec, Seccion V, 11000, Mexico City.", "Email": "parepmexico@mofa.gov.pk", "Website": "https://mofa.gov.pk/mexico-city-mexico/", "SocialMedia": "https://twitter.com/PakinMexico", "Status": "Active" },

{ "Country": "Italy", "City": "Milan", "Officer": "Mr. Irfan Aslam Rana (Consul General)", "Address": "Via Rosa Massara De Capitani-11 20158 Mialano (MI)", "Email": "parepmilan@mofa.gov.pk", "Website": "https://mofa.gov.pk/milan-italy/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Afghanistan", "City": "Mazar-e-Sharif", "Officer": "Mr. Mushtaq Ahmad Khawaja (Consul General)", "Address": "Mazar-e-Sharif", "Email": "cg.mazarisharif@mofa.gov.pk", "Website": "(Missing)", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "Canada", "City": "Montreal", "Officer": "Mr. Abdul Hameed (Consul General)", "Address": "275 rue des Pins Ouest, Montréal, QC H2W 1R5.", "Email": "consular@pakistanconsulatemontreal.com", "Website": "https://pakistanconsulatemontreal.com/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Russia", "City": "Moscow", "Officer": "H.E. Mr. Muhammad Khalid Jamali (Ambassador)", "Address": "17 Sadovaya Kudrinskaya Ul, 123001", "Email": "pakembmoscow@mofa.gov.pk", "Website": "https://mofa.gov.pk/moscow-russia/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Oman", "City": "Muscat", "Officer": "H.E. Mr. Imran Ali (Ambassador)", "Address": "Building # 1702, Plot # 1629/1/4, Road # 10, Way # 2133, Madina Sultan Qaboos PC RUWI", "Email": "parepmuscat@mofa.gov.pk", "Website": "https://mofa.gov.pk/muscat-oman/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Kenya", "City": "Nairobi", "Officer": "H.E. Amb. Ibrahim H. A. Muhammad (High Commissioner)", "Address": "St. Michael's Road, Off Church Road, Westlands, Nairobi", "Email": "pahicnairobi@mofa.gov.pk", "Website": "https://mofa.gov.pk/nairobi-kenya/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "India", "City": "New Dehli", "Officer": "Mr. Saad Ahmad Warraich (Charge d'Affaires)", "Address": "2/50-G, Shantipath, Chanakyapuri, New Delhi", "Email": "pahicnd@mofa.gov.pk", "Website": "https://mofa.gov.pk/new-delhi-india/", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "USA", "City": "New York", "Officer": "Mr. Aamer Ahmed Atozai (Consul General)", "Address": "Pakistan House 12 East 65th Street, New York, NY 10065.", "Email": "info@pakistanconsulateny.org", "Website": "http://www.pakistanconsulateny.org/", "SocialMedia": "Facebook and Twitter links are on the official website", "Status": "Active" },

{ "Country": "Norway", "City": "Oslo", "Officer": "H.E. Ms. Saadia Altaf (Ambassador)", "Address": "Embassy of Pakistan, Eckersbergs Gate 20, 0244, Oslo.", "Email": "info@pakistanembassy.no", "Website": "https://www.pakistanembassy.no/", "SocialMedia": "https://twitter.com/PakinNorway", "Status": "Active" },

{ "Country": "Canada", "City": "Ottawa", "Officer": "H.E. Mr. Zaheer A. Janjua (High Commissioner)", "Address": "10 Range Road, Ottawa, Ontario K1N 8J5", "Email": "parepottawa@mofa.gov.pk", "Website": "https://phc.org.pk/", "SocialMedia": "https://twitter.com/PakinCanada", "Status": "Active" },

{ "Country": "France", "City": "Paris", "Officer": "H.E. Ms. Mumtaz Zahra Baloch (Ambassador)", "Address": "Embassy of Pakistan, 18 Rue Lord Byron 75008, Paris", "Email": "parepparis@mofa.gov.pk", "Website": "http://www.pakembparis.com/", "SocialMedia": "https://twitter.com/PakinFrance", "Status": "Active" },

{ "Country": "North Korea", "City": "Pyongyang", "Officer": "H.E. Mr. Riyaz Ahmad (Ambassador)", "Address": "Munsudong Diplomatic Compound, Pyongyang.", "Email": "pareppyongyang@mofa.gov.pk", "Website": "(Missing)", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Cambodia", "City": "Phnom Penh", "Officer": "H.E. Mr. Zaheeruddin Babar Thaheem (Ambassador)", "Address": "House No. 45, Street No. 310, Sangkat Boeung Keng Kang 1, Khan Chamkarmon.", "Email": "parepphnompenh@mofa.gov.pk", "Website": "https://mofa.gov.pk/phnom-penh-cambodia/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Mauritius", "City": "Port Louis", "Officer": "H.E. Mr. Javed Ahmed Umrani (High Commissioner)", "Address": "9A, Queen Mary Avenue Floreal, Port Louis", "Email": "pahicportlouis@mofa.gov.pk", "Website": "https://mofa.gov.pk/port-louis-mauritius/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "South Africa", "City": "Pretoria", "Officer": "H.E. Mr. Aftab Hassan Khan (High Commissioner)", "Address": "502, Atterbury Road, Menlo Park, Pretoria.", "Email": "pahicpretoria@mofa.gov.pk", "Website": "http://www.pakunionsa.co.za/", "SocialMedia": "https://twitter.com/PakinSouthAfrica", "Status": "Active" },

{ "Country": "Morocco", "City": "Rabat", "Officer": "H.E. Amb. Irfan Ahmed (Ambassador)", "Address": "42, Avenue Ar-Roumani, Rabat-Souissi.", "Email": "pareprabat@mofa.gov.pk", "Website": "https://mofa.gov.pk/rabat-morocco/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "KSA", "City": "Riyadh", "Officer": "H.E. Amb. Ahmed Farooq (Ambassador)", "Address": "Embassy of Pakistan, Diplomatic Quarters, P.O Box 94007, Riyadh-11693", "Email": "parep-riyadh@mofa.gov.pk", "Website": "https://mofa.gov.pk/riyadh-saudi-arabia/", "SocialMedia": "https://twitter.com/PakinSaudiArabia", "Status": "Active" },

{ "Country": "Italy", "City": "Rome", "Officer": "H.E. Mr. Ali Javed (Ambassador)", "Address": "Embassy of Pakistan, Via Dellah Camilluccia, 682, 00135.", "Email": "pareprome1@tiscali.it", "Website": "http://www.pakembassyrome.com/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Yemen", "City": "Sana'a", "Officer": "(Ambassador - Name Missing)", "Address": "Embassy Road, Hadda, Sana'a", "Email": "pakembassana@mofa.gov.pk", "Website": "(Missing)", "SocialMedia": "(Missing)", "Status": "In Active" },

{ "Country": "Bosnia & Herzegovina", "City": "Sarajevo", "Officer": "H.E. Mr. Syed Qaiser Abbas Shah (Ambassador)", "Address": "Emerika Bluma 17, 71000, Sarajevo", "Email": "parepsarajevo@mofa.gov.pk", "Website": "https://mofa.gov.pk/sarajevo-bosnia-herzegovina/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "South Korea", "City": "Seoul", "Officer": "H.E. Mr. Hassan Kaleem (Ambassador)", "Address": "124-12, Itaewon Dong, Yongsan-GU, Seoul", "Email": "parepseoul@mofa.gov.pk", "Website": "https://mofa.gov.pk/seoul-republic-of-korea/", "SocialMedia": "https://twitter.com/PakinSeoul", "Status": "Active" },

{ "Country": "Singapore", "City": "Singapore", "Officer": "H.E. Ms. Rufi Khan (High Commissioner)", "Address": "200, Braddell Road, Singapore 579700.", "Email": "pakcomsingapore@gmail.com", "Website": "http://www.pakistanhc.org.sg/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Sweden", "City": "Stockholm", "Officer": "H.E. Mr. Muhammad Tariq Zameer (Ambassador)", "Address": "65 Karlavagen Street, (First Floor) 10240 Stockholm", "Email": "parepstockholm@mofa.gov.pk", "Website": "https://mofa.gov.pk/stockholm-sweden/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Australia", "City": "Sydney", "Officer": "Mr. Muhammad Ashraf (Consul General)", "Address": "Level-07 32 Martin Place, Sydney NSW 2000", "Email": "info@pakistan.org.au", "Website": "http://www.pakistan.org.au/", "SocialMedia": "https://twitter.com/PakinSydney", "Status": "Active" },

{ "Country": "Uzbekistan", "City": "Tashkent", "Officer": "H.E. Amb. Dr. Imran Ahmed (Ambassador)", "Address": "Building No. 15, Kichik Halqa Yoli Street Sobir Rahimov District, Tashkent.", "Email": "pareptashkent@mofa.gov.pk", "Website": "https://mofa.gov.pk/tashkent-uzbekistan/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Iran", "City": "Tehran", "Officer": "H.E. Amb. Muhammad Mudassir Tipu (Ambassador)", "Address": "Block No. 1, Koocha-E-Ahmed Etimadzadeh Khayaban-E- Dr. Hussain Fatimi Jamshedabad Shomali Tehran Iran.", "Email": "parepstehran@gmail.com", "Website": "http://www.pareptehran.org/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Netherlands", "City": "The Hague", "Officer": "H.E. Syed Haider Shah (Ambassador)", "Address": "Amaliastraat 8, 2514 JC 's-Gravenhage.", "Email": "parepthehague@mofa.gov.pk", "Website": "http://www.embassyofpakistan.com/", "SocialMedia": "https://twitter.com/PakinTheHague", "Status": "Active" },

{ "Country": "Japan", "City": "Tokyo", "Officer": "H.E. Raza Bashir Tarar (Ambassador)", "Address": "5-10-18 Minami Azabu, Minato-ku, Tokyo 106-0047.", "Email": "pareptokyo@mofa.gov.pk", "Website": "https://mofa.gov.pk/tokyo-japan/", "SocialMedia": "https://twitter.com/PakinJapan", "Status": "Active" },

{ "Country": "Canada", "City": "Toronto", "Officer": "Mr. Khurram Rathore (Consul General)", "Address": "7880 Keele Street, Unit 13 Vaughan, Ontario L4K 4GL", "Email": "consulate.toronto@mofa.gov.pk", "Website": "http://www.pakconsulate.ca/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Libya", "City": "Tripoli", "Officer": "H.E. Major Gen (R) Irfan Ahmed Malik (Ambassador)", "Address": "Shara-e-Huzayfa Bin Al-Yaman, Manshia Ben Ashur, P.O. Box 2169.", "Email": "pareptripoli@hotmail.com", "Website": "https://mofa.gov.pk/tripoli-libya/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Canada", "City": "Vancouver", "Officer": "Mr. Tariq Karim (Consul General)", "Address": "1281 W Georgia St, Vancouver, BC V6E 3J7.", "Email": "consular@pakistanconsulatevancouver.com", "Website": "http://www.pakistanconsulatevancouver.com/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Austria", "City": "Vienna", "Officer": "H.E. Mr. Khurshid Anwar (Ambassador)", "Address": "Hofzeile 13, A-1190, Vienna", "Email": "parepvienna@gmail.com", "Website": "http://www.mofa.gov.pk/austria/", "SocialMedia": "https://twitter.com/PakinAustria", "Status": "Active" },

{ "Country": "Poland", "City": "Warsaw", "Officer": "H.E. Mr. Muhammad Sami-ur-Rehman (Ambassador)", "Address": "Wiertnicza 107, 02-952 Warszawa.", "Email": "parepwarsaw@mofa.gov.pk", "Website": "https://mofa.gov.pk/warsaw-poland/", "SocialMedia": "https://twitter.com/PakinPoland", "Status": "Active" },

{ "Country": "USA", "City": "Washington DC", "Officer": "H.E. Mr. Masood Khan (Ambassador)", "Address": "3517, International Court NW, Washington DC 20008", "Email": "info@embassyofpakistanusa.org", "Website": "http://www.embassyofpakistanusa.org/", "SocialMedia": "https://twitter.com/PakinUSA", "Status": "Active" },

{ "Country": "New Zealand", "City": "Wellington", "Officer": "H.E. Amb. Murad Ashraf Janjua (High Commissioner)", "Address": "182 on Slowrd Khandallah Wellington 6035", "Email": "pahicwellington@mofa.gov.pk", "Website": "https://mofa.gov.pk/wellington-new-zealand/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Myanmar (Burma)", "City": "Yangon", "Officer": "H.E. Mr. Imran Haider (Ambassador)", "Address": "8-A, Pyithu Lane, 7th Mile, Pyay Road, Mayangone Township.", "Email": "parepyangon@mofa.gov.pk", "Website": "https://mofa.gov.pk/yangon-myanmar/", "SocialMedia": "(Missing)", "Status": "Active" },

{ "Country": "Iran", "City": "Zahedan", "Officer": "Mr. Kamran Khan (Consul General)", "Address": "Shariati, Zahedan.", "Email": "parepzahedan@mofa.gov.pk", "Website": "https://mofa.gov.pk/zahedan-iran/", "SocialMedia": "(Missing)", "Status": "Active" },

];

/**

* Generates the HTML card for a single mission.

* @param {Object} mission - The mission data object.

* @returns {string} The HTML string for the card.

*/

const createMissionCard = (mission) => {

const getStatusColor = (status) => {

if (status.toLowerCase().includes('in active')) return 'bg-red-100 text-red-700 border-red-500';

if (status.toLowerCase().includes('active')) return 'bg-green-100 text-green-700 border-green-500';

return 'bg-yellow-100 text-yellow-700 border-yellow-500';

};

const statusClasses = getStatusColor(mission.Status);

return `

<div>

<h2 class="text-2xl font-bold text-primary">${mission.City}</h2>

${mission.Status}

</span>

</div>

<p class="text-lg font-semibold text-gray-700 mb-4">${mission.Country}</p>

<p><span class="info-label">Officer:</span> <span class="info-value">${mission.Officer}</span></p>

<p><span class="info-label">Address:</span> <span class="info-value">${mission.Address}</span></p>

<p class="truncate"><span class="info-label">Email:</span>

<a href="mailto:${mission.Email.split(';')[0].trim()}" class="text-blue-600 hover:text-blue-800 transition duration-150">${mission.Email}</a>

</p>

<p class="truncate"><span class="info-label">Website:</span>

${mission.Website && mission.Website !== '(Missing)' ?

`<a href="http://${mission.Website.replace('https://', '').replace('http://', '')}" target="_blank" class="text-blue-600 hover:text-blue-800 transition duration-150">${mission.Website}</a>` :

`<span class="info-value text-gray-400">${mission.Website}</span>`

}

</p>

<p><span class="info-label">Social Media:</span>

<span class="info-value">${mission.SocialMedia || '(Missing)'}</span>

</p>

</div>

`;

};

/**

* Filters the mission data based on the input and re-renders the results.

*/

const filterMissions = () => {

const input = document.getElementById('search-input');

const container = document.getElementById('missions-container');

const noResults = document.getElementById('no-results');

const resultCount = document.getElementById('result-count');

const query = input.value.toLowerCase().trim();

const filteredMissions = missionsData.filter(mission => {

if (!query) return true; // Show all if query is empty

// Check all relevant fields for a match

return Object.values(mission).some(value =>

String(value).toLowerCase().includes(query)

);

});

// Clear previous results

container.innerHTML = '';

if (filteredMissions.length > 0) {

filteredMissions.forEach(mission => {

container.innerHTML += createMissionCard(mission);

});

noResults.classList.add('hidden');

resultCount.textContent = `Displaying ${filteredMissions.length} results.`;

} else {

noResults.classList.remove('hidden');

resultCount.textContent = `0 results found for "${input.value}".`;

}

};

// Initial render: show all missions when the page loads

window.onload = () => {

filterMissions();

};

</script>

</body>

</html>

🌍 Google my Bussiness

Subtitle: "Get Found Online: Register Your Business on Google My Business"

Are you a business owner looking to increase your online visibility and reach more customers? Registering your business on Google My Business is a crucial step in getting found online. Here's a step-by-step guide to help you get started:

Why Register on Google My Business?

Increased visibility: Get found by potential customers searching for your business on Google.
Verify your business: Claim your business listing and ensure accuracy.
Respond to reviews: Engage with customers and build a positive reputation.
Free listing: Get listed on Google Maps and Google Search.

Step-by-Step Guide:

Go to Google My Business: Visit https://www.google.com/business/ and sign in with your Google account.
Add your business: Click on "Add your business" and enter your business name and address.
Verify your business: Choose a verification method (phone call, text message, or postcard) to confirm your business location.
Complete your profile: Add business hours, categories, and a profile picture.
Optimize your listing: Add a description, services, and products.
Respond to reviews: Engage with customers and respond to reviews.

Tips and Variations:

Use a clear and concise business name: Ensure your business name is easy to find and matches your website.
Add high-quality photos: Showcase your business and products with high-quality images.
Keep your profile up-to-date: Regularly update your business hours, services, and products.

Get Started:

Follow these steps to register your business on Google My Business and increase your online visibility. With a verified listing, you'll be more visible to potential customers searching for your business.

Example Recommended by Adnan sajjad click

Verification ID: 2207860734035826081
Shop code: 09800439869067634175
Linked Account: Google Ads Adnan Sajjad Online Services (7690051331)

Verification Link: https://share.google/94vTJ3nKSWsu81RbH

Google Bussiness Review

Thanks for working with me! If you have a moment, I’d really appreciate a review:

https://g.page/r/CZ4tReAOrnVuEAE/review

🌍 Google Analytics Registration

Subtitle: Unlock Insights: A Step-by-Step Guide to Google Analytics Registration and Setup"

Are you looking to track your website's performance and understand your audience better? In this guide, we'll walk you through the process of registering and setting up Google Analytics for your website.

Why Google Analytics?

Data-driven decisions: Make informed decisions with accurate data and insights.
Understand your audience: Get to know your visitors' behavior, interests, and demographics.
Track website performance: Monitor your website's traffic, engagement, and conversion rates.

Step-by-Step Guide:

Create a Google Analytics account: Go to https://analytics.google.com and sign in with your Google account.
Set up a new property: Enter your website's details, including the URL and property name.
Get your Measurement ID: Get your unique Measurement ID (e.g., G-RE9T691H1L) and add it to your website.

Example Details:

Website URL: https://sites.google.com/view/adnan-sajjad
Property Name: Adnan-sajjad
Measurement ID: G-RE9T691H1L
Account ID: 317758170
Property ID: 445534188

Adding the Measurement ID to Your Website:

Copy the Measurement ID: Get the Measurement ID from your Google Analytics account.
Add the tag to your website: Paste the tag (e.g., G-RE9T691H1L) into your website's HTML code.

Verifying Your Setup:

Use Tag Assistant: Go to https://tagassistant.google.com/ to verify that your tag is working correctly.
Check DebugView: Use DebugView to see live hits and verify events in real-time.

debug

https://tagassistant.google.com/#/?url=https%3A%2F%2Fsites.google.com%2Fview%2Fadnan-sajjad%3Fgtm_debug%3D1760961640036

Tips and Variations:

Don't duplicate tags: Avoid adding multiple GA4 tags to prevent data duplication.
Wait for data to appear: Standard reports may take up to 24 hours to appear.
Track conversion events: Set up conversion events to track form submissions, clicks, or downloads.

Get Started:

Follow these steps to set up Google Analytics for your website and start making data-driven decisions. If you need further assistance, feel free to ask!

Shortcut to Remember:

“Website → GA4 Measurement ID G-RE9T691H1L → Account 317758170 → Property 445534188 → Tag active, DebugView confirms → Wait 24h for reports.”

🌍 Website SEO Optimization & Cloud Hosting Deployment

Subtitle: HTML Portfolio Website Built and Deployed Using GitHub, Cloudflare, Vercel, and Netlify — A Practical Digital Marketing & Web Performance Project by Adnan Sajjad.

My portfolio website is professionally deployed across GitHub Pages, Cloudflare Pages, Vercel, and Netlify, ensuring high-speed performance, SEO optimization, and 24/7 uptime.

This multi-platform deployment enhances online visibility, strengthens digital credibility, and provides redundant global hosting for a seamless visitor experience.

The project also demonstrates my expertise in HTML optimization, SEO tools, CDN configuration, and web deployment strategies — valuable for any business aiming for a stronger online presence.

GITHUB SERVER WEB PAGE

🔗 Sign in: https://github.com/login
🔗 Sign up (new account): https://github.com/signup

Purpose:
Create repositories, manage your code, host static sites (via GitHub Pages), and connect to Cloudflare, Vercel, and Netlify.

CLOUDFLARE SERVER WEB P

🔗 Sign in: https://dash.cloudflare.com/login
🔗 Create new Cloudflare account: https://dash.cloudflare.com/sign-up
🔗 Cloudflare Pages (hosting dashboard): https://pages.cloudflare.com/

Purpose:
Deploy your website directly from GitHub for fast global CDN, free SSL, and SEO performance.

NETIFY SERVER WEB PAGE

🔗 Sign in: https://app.netlify.com/login
🔗 Sign up: https://app.netlify.com/signup
🔗 Dashboard: https://app.netlify.com/

Purpose:
Deploy static HTML sites, manage domains, and track performance — ideal for portfolio and business landing pages.

VERCEL SERVER WEB PAGE

🔗 Sign in: https://vercel.com/login
🔗 Sign up: https://vercel.com/signup
Dashboard: 🔗 https://vercel.com/dashboard

Purpose:
Instant website deployment from GitHub with automatic HTTPS, global CDN, and developer analytics.

🌍 FULL STEP-BY-STEP GUIDE

Deploy Your Website from GitHub to Cloudflare, Vercel, and Netlify

🧩 Step 1: Create a GitHub Account

Go to 👉 https://github.com
Click Sign up (if you don’t already have one)
Choose a username (e.g. AdnanSajjad786)
Verify email and complete the setup.

🏗️ Step 2: Create a New Repository

After login, click the + icon → New repository
Repository name:
👉 portfolio-website
Description:
“My personal portfolio website — Financial Analyst, Digital Marketer, and Freelancer.”
Visibility: Public ✅
Check ✅ Add a README file
Click Create repository

🧾 Step 3: Add index.html and Update README.md

In your repository, click Add file → Upload files
Upload your index.html file (the one you shared above)

add this but with required links this with my website https://sites.google.com/view/adnan-sajjad

indec.html code here

<!DOCTYPE html>

<head>

<title>Adnan Sajjad | Financial Analyst & Digital Marketer</title>

<style>

/* ===== VARIABLES & RESET ===== */

:root {

--primary: #00ff6a;

--primary-dark: #00c77f;

--secondary: #071019;

--accent: #3498db;

--light: #e6f1ee;

--dark: #020406;

--muted: #9aa6b2;

--card-bg: rgba(7, 18, 36, 0.8);

--transition: all 0.3s ease;

--shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

--radius: 12px;

}

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

html {

scroll-behavior: smooth;

}

body {

font-family: 'Inter', 'Poppins', system-ui, -apple-system, sans-serif;

background: linear-gradient(135deg, #021021 0%, #041326 40%, #071019 100%);

color: var(--light);

line-height: 1.6;

overflow-x: hidden;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.container {

width: 90%;

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

}

.section {

padding: 100px 0;

}

.section-title {

text-align: center;

margin-bottom: 60px;

position: relative;

}

.section-title h2 {

font-size: 2.5rem;

color: var(--primary);

margin-bottom: 15px;

text-shadow: 0 0 10px rgba(0, 255, 106, 0.2);

}

.section-title p {

color: var(--muted);

max-width: 600px;

margin: 0 auto;

}

.section-title::after {

content: '';

position: absolute;

bottom: -15px;

left: 50%;

transform: translateX(-50%);

width: 80px;

height: 4px;

background: var(--primary);

border-radius: 2px;

}

.btn {

display: inline-block;

padding: 14px 30px;

background: linear-gradient(90deg, var(--primary), var(--primary-dark));

color: #002017;

border: none;

border-radius: var(--radius);

font-weight: 700;

font-size: 1rem;

cursor: pointer;

transition: var(--transition);

text-decoration: none;

text-align: center;

box-shadow: var(--shadow);

}

.btn:hover {

transform: translateY(-5px);

box-shadow: 0 15px 25px rgba(0, 255, 106, 0.2);

}

.btn-outline {

background: transparent;

border: 2px solid var(--primary);

color: var(--primary);

}

.btn-outline:hover {

background: var(--primary);

color: #002017;

}

/* ===== HEADER & NAVIGATION ===== */

header {

position: fixed;

top: 0;

left: 0;

width: 100%;

z-index: 1000;

background: rgba(2, 4, 6, 0.9);

backdrop-filter: blur(10px);

border-bottom: 1px solid rgba(255, 255, 255, 0.05);

transition: var(--transition);

}

.navbar {

display: flex;

flex-direction: column;

padding: 10px 0;

}

.header-top {

text-align: center;

padding: 10px 0;

border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.header-top .welcome-text {

font-size: 1.4rem;

font-weight: 700;

color: var(--light);

}

.header-top .welcome-text span {

color: var(--primary);

}

.header-bottom {

display: flex;

justify-content: space-between;

align-items: center;

padding: 10px 0;

}

.services-tagline {

font-size: 0.85rem;

color: var(--muted);

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

max-width: 500px;

}

.nav-links {

display: flex;

list-style: none;

gap: 20px;

}

.nav-links li {

margin: 0;

}

.nav-links a {

color: var(--light);

text-decoration: none;

font-weight: 600;

font-size: 0.9rem;

transition: var(--transition);

position: relative;

white-space: nowrap;

}

.nav-links a:hover,

.nav-links a.active {

color: var(--primary);

}

.nav-links a::after {

content: '';

position: absolute;

bottom: -5px;

left: 0;

width: 0;

height: 2px;

background: var(--primary);

transition: var(--transition);

}

.nav-links a:hover::after,

.nav-links a.active::after {

width: 100%;

}

.hamburger {

display: none;

cursor: pointer;

font-size: 1.5rem;

}

/* ===== HERO SECTION ===== */

.hero {

min-height: 100vh;

display: flex;

align-items: center;

position: relative;

padding-top: 120px;

overflow: hidden;

}

.hero::before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: linear-gradient(rgba(2, 4, 6, 0.7), rgba(2, 4, 6, 0.9));

z-index: -1;

}

.hero-bg {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -2;

object-fit: cover;

}

.hero-content {

max-width: 800px;

text-align: center;

margin: 0 auto;

}

.hero-content h1 {

font-size: 3.5rem;

margin-bottom: 20px;

color: var(--light);

animation: fadeInDown 1s ease;

}

.hero-content h1 span {

color: var(--primary);

}

.hero-content p {

font-size: 1.2rem;

margin-bottom: 30px;

color: var(--muted);

animation: fadeInUp 1s ease;

}

.hero-btns {

display: flex;

gap: 20px;

justify-content: center;

flex-wrap: wrap;

animation: fadeIn 1.5s ease;

}

/* ===== WELCOME VIDEO SECTION ===== */

.welcome-video {

background: var(--secondary);

padding: 80px 0;

}

.videos-container {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 30px;

max-width: 1200px;

margin: 0 auto;

}

.video-wrapper {

border-radius: var(--radius);

overflow: hidden;

box-shadow: var(--shadow);

background: var(--card-bg);

}

.video-wrapper h3 {

padding: 15px;

text-align: center;

color: var(--primary);

background: rgba(0, 0, 0, 0.5);

margin: 0;

font-size: 1.1rem;

}

.video-wrapper video,

.video-wrapper iframe {

width: 100%;

height: 300px;

display: block;

border: none;

}

/* ===== SERVICES HUB SECTION ===== */

.services-hub {

padding: 100px 0;

text-align: center;

}

.services-hub h2 {

font-size: 2.5rem;

margin-bottom: 20px;

color: var(--primary);

}

.services-hub p {

font-size: 1.2rem;

margin-bottom: 40px;

color: var(--muted);

max-width: 800px;

margin-left: auto;

margin-right: auto;

}

/* ===== CHROME WIDGET ===== */

.chrome-widget {

background: var(--card-bg);

border-radius: var(--radius);

padding: 20px;

margin: 40px auto;

max-width: 600px;

box-shadow: var(--shadow);

border: 1px solid rgba(255, 255, 255, 0.05);

}

.chrome-widget h3 {

text-align: center;

margin-bottom: 20px;

color: var(--primary);

}

.widget-links {

display: flex;

justify-content: center;

gap: 15px;

flex-wrap: wrap;

}

.widget-link {

display: flex;

flex-direction: column;

align-items: center;

text-decoration: none;

color: var(--light);

transition: var(--transition);

padding: 10px;

border-radius: 8px;

}

.widget-link:hover {

background: rgba(255, 255, 255, 0.05);

transform: translateY(-5px);

}

.widget-icon {

width: 50px;

height: 50px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-weight: 700;

margin-bottom: 8px;

font-size: 1.2rem;

}

.widget-text {

font-size: 0.9rem;

font-weight: 600;

}

/* ===== ABOUT SECTION ===== */

.about-content {

display: flex;

align-items: flex-start;

gap: 50px;

}

.about-img {

flex: 1;

border-radius: var(--radius);

overflow: hidden;

box-shadow: var(--shadow);

}

.about-img img {

width: 100%;

height: auto;

display: block;

transition: var(--transition);

}

.about-img:hover img {

transform: scale(1.05);

}

.about-text {

flex: 1;

}

.about-text h3 {

font-size: 1.8rem;

margin-bottom: 20px;

color: var(--primary);

}

.about-text p {

margin-bottom: 20px;

color: var(--muted);

}

.youtube-videos {

display: grid;

grid-template-columns: 1fr;

gap: 20px;

margin-top: 30px;

}

.youtube-video {

border-radius: var(--radius);

overflow: hidden;

box-shadow: var(--shadow);

background: var(--card-bg);

}

.youtube-video iframe {

width: 100%;

height: 250px;

border: none;

display: block;

}

.skills {

display: flex;

flex-wrap: wrap;

gap: 10px;

margin-top: 20px;

}

.skill {

background: rgba(0, 255, 106, 0.1);

color: var(--primary);

padding: 8px 15px;

border-radius: 30px;

font-size: 0.9rem;

font-weight: 600;

border: 1px solid rgba(0, 255, 106, 0.2);

transition: var(--transition);

cursor: pointer;

}

.skill:hover {

background: rgba(0, 255, 106, 0.2);

transform: translateY(-3px);

}

.skill a {

color: var(--primary);

text-decoration: none;

}

/* ===== SERVICES SECTION ===== */

.services {

background: var(--secondary);

}

.services-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

gap: 30px;

}

.service-card {

background: var(--card-bg);

border-radius: var(--radius);

padding: 30px;

text-align: center;

transition: var(--transition);

border: 1px solid rgba(255, 255, 255, 0.05);

position: relative;

overflow: hidden;

}

.service-card::before {

content: '';

position: absolute;

top: 0;

left: -100%;

width: 100%;

height: 100%;

background: linear-gradient(90deg, transparent, rgba(0, 255, 106, 0.1), transparent);

transition: var(--transition);

}

.service-card:hover {

transform: translateY(-10px);

box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);

border-color: rgba(0, 255, 106, 0.2);

}

.service-card:hover::before {

left: 100%;

}

.service-icon {

font-size: 3rem;

color: var(--primary);

margin-bottom: 20px;

transition: var(--transition);

}

.service-card:hover .service-icon {

transform: scale(1.1);

}

.service-card h3 {

font-size: 1.4rem;

margin-bottom: 15px;

color: var(--light);

}

.service-card p {

color: var(--muted);

}

/* ===== CONTACT SECTION ===== */

.contact-content {

display: flex;

gap: 50px;

}

.contact-info {

flex: 1;

}

.contact-item {

display: flex;

align-items: flex-start;

margin-bottom: 25px;

}

.contact-icon {

width: 50px;

height: 50px;

background: rgba(0, 255, 106, 0.1);

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

margin-right: 15px;

color: var(--primary);

font-size: 1.2rem;

flex-shrink: 0;

}

.contact-text h4 {

font-size: 1.1rem;

margin-bottom: 5px;

color: var(--light);

}

.contact-text p, .contact-text a {

color: var(--muted);

text-decoration: none;

transition: var(--transition);

}

.contact-text a:hover {

color: var(--primary);

}

.contact-form {

flex: 1;

}

.form-group {

margin-bottom: 25px;

}

/* ===== FORMSPREE STYLES ===== */

.formspree-form label {

display: block;

margin-bottom: 12px;

color: var(--light);

font-weight: 600;

font-size: 1.1rem;

}

.formspree-form small {

display: block;

font-size: 0.9rem;

color: var(--muted);

margin-top: 8px;

line-height: 1.4;

}

/* Make text input fields and text area larger */

.formspree-form input[type="text"],

.formspree-form input[type="email"],

.formspree-form textarea {

font-size: 18px;

padding: 15px;

border-radius: 8px;

border: 2px solid rgba(255, 255, 255, 0.2);

width: 100%;

box-sizing: border-box;

background: rgba(255, 255, 255, 0.08);

color: var(--light);

transition: var(--transition);

}

.formspree-form input[type="text"]:focus,

.formspree-form input[type="email"]:focus,

.formspree-form textarea:focus {

outline: none;

border-color: var(--primary);

box-shadow: 0 0 0 3px rgba(0, 255, 106, 0.2);

background: rgba(255, 255, 255, 0.12);

}

/* Increase the size of the text area */

.formspree-form textarea {

height: 180px;

font-size: 18px;

padding: 15px;

resize: vertical;

min-height: 150px;

}

/* Style for the submit button */

.formspree-form button[type="submit"] {

font-size: 18px;

background: linear-gradient(90deg, var(--primary), var(--primary-dark));

color: #002017;

padding: 18px 35px;

border: none;

border-radius: 8px;

cursor: pointer;

font-weight: 700;

width: 100%;

transition: var(--transition);

box-shadow: var(--shadow);

margin-top: 10px;

}

/* Hover effect for the submit button */

.formspree-form button[type="submit"]:hover {

background: linear-gradient(90deg, var(--primary-dark), var(--primary));

transform: translateY(-3px);

box-shadow: 0 10px 25px rgba(0, 255, 106, 0.3);

}

.important-notice {

background: rgba(255, 0, 0, 0.1);

border: 2px solid rgba(255, 0, 0, 0.3);

border-radius: 8px;

padding: 20px;

margin: 25px 0;

color: #ff6b6b;

font-size: 0.95rem;

text-align: center;

line-height: 1.5;

}

/* ===== FOOTER ===== */

footer {

background: var(--dark);

padding: 60px 0 20px;

}

.footer-content {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 40px;

margin-bottom: 40px;

}

.footer-col {

display: flex;

flex-direction: column;

}

.footer-col h4 {

color: var(--primary);

margin-bottom: 20px;

font-size: 1.2rem;

}

.footer-about {

font-size: 0.95rem;

color: var(--muted);

margin-bottom: 20px;

line-height: 1.6;

}

.social-links-vertical {

display: flex;

flex-direction: column;

gap: 10px;

}

.social-link-vertical {

display: flex;

align-items: center;

text-decoration: none;

color: var(--muted);

transition: var(--transition);

padding: 8px 12px;

border-radius: 6px;

background: rgba(255, 255, 255, 0.05);

}

.social-link-vertical:hover {

background: rgba(0, 255, 106, 0.1);

color: var(--primary);

transform: translateX(5px);

}

.social-link-vertical i {

width: 20px;

margin-right: 10px;

text-align: center;

}

.footer-links {

list-style: none;

}

.footer-links li {

margin-bottom: 10px;

}

.footer-links a {

color: var(--muted);

text-decoration: none;

transition: var(--transition);

}

.footer-links a:hover {

color: var(--primary);

padding-left: 5px;

}

.copyright {

text-align: center;

padding-top: 20px;

border-top: 1px solid rgba(255, 255, 255, 0.05);

color: var(--muted);

font-size: 0.9rem;

}

/* ===== ROTATING WHEEL ===== */

#wheel-widget {

width: 100%;

height: 400px;

background: #010f08;

font-family: monospace;

perspective: 1200px;

box-shadow: inset 0 0 30px rgba(0,255,100,0.2);

margin: 0;

padding: 0;

overflow: hidden;

position: relative;

border-radius: var(--radius);

border: 2px solid rgba(0, 255, 106, 0.3);

}

#wheel-face {

width: 400px;

height: 400px;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

transform-style: preserve-3d;

animation: spin 70s linear infinite;

}

@keyframes spin {

from { transform: translate(-50%, -50%) rotateY(0deg); }

to { transform: translate(-50%, -50%) rotateY(360deg); }

}

.wheel-item {

position: absolute;

top: 50%;

left: 50%;

width: 140px;

height: 45px;

margin: -22px -70px;

background: rgba(0,255,106,0.08);

border: 2px solid rgba(0,255,106,0.6);

border-radius: 10px;

display: flex;

align-items: center;

justify-content: center;

font-size: 0.75rem;

font-weight: 600;

text-align: center;

overflow: hidden;

text-shadow: 0 0 4px #00ff6a;

backface-visibility: hidden;

padding: 4px;

transform-origin: center;

}

.wheel-item a {

color: #00ff6a;

text-decoration: none;

display: block;

width: 100%;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

padding: 5px;

}

.wheel-item:hover {

background: rgba(0,255,106,0.25);

transform: scale(1.1);

z-index: 100;

}

/* ===== GOOGLE ANALYTICS STYLES ===== */

.analytics-widget {

font-family: Arial, sans-serif;

max-width: 800px;

background: #f7f9fc;

border-radius: 12px;

padding: 25px;

box-shadow: 0 4px 12px rgba(0,0,0,0.15);

margin: 40px auto;

color: #333;

}

.analytics-widget h2 {

color: #004aad;

text-align: center;

margin-bottom: 25px;

font-size: 1.5rem;

}

.analytics-widget h3 {

color: #004aad;

margin: 20px 0 12px;

font-size: 1.2rem;

}

.analytics-widget ul {

padding-left: 20px;

margin-bottom: 15px;

}

.analytics-widget li {

margin-bottom: 8px;

line-height: 1.5;

}

.analytics-widget a {

color: #2563eb;

text-decoration: none;

font-weight: 500;

}

.analytics-widget a:hover {

text-decoration: underline;

}

/* ===== CALENDLY STYLES ===== */

.calendly-widget {

min-width: 320px;

height: 700px;

background: #fff;

border-radius: 8px;

overflow: hidden;

box-shadow: 0 6px 18px rgba(2,6,23,.04);

margin: 40px auto;

}

/* ===== VISITOR COUNTER ===== */

#liveVisitors {

position: fixed;

bottom: 20px;

right: 20px;

background: #004aad;

color: #fff;

padding: 10px 16px;

border-radius: 50px;

font-weight: bold;

font-size: 14px;

box-shadow: 0 2px 8px rgba(0,0,0,0.2);

z-index: 9999;

}

/* ===== BACK TO TOP BUTTON ===== */

.back-to-top {

position: fixed;

bottom: 80px;

right: 20px;

background: var(--primary);

color: #002017;

width: 50px;

height: 50px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

text-decoration: none;

font-size: 1.2rem;

box-shadow: var(--shadow);

transition: var(--transition);

z-index: 9998;

opacity: 0;

visibility: hidden;

}

.back-to-top.visible {

opacity: 1;

visibility: visible;

}

.back-to-top:hover {

transform: translateY(-5px);

box-shadow: 0 10px 25px rgba(0, 255, 106, 0.3);

}

/* ===== ANIMATIONS ===== */

@keyframes fadeIn {

from { opacity: 0; }

to { opacity: 1; }

}

@keyframes fadeInDown {

from {

opacity: 0;

transform: translateY(-30px);

}

to {

opacity: 1;

transform: translateY(0);

}

@keyframes fadeInUp {

from {

opacity: 0;

transform: translateY(30px);

}

to {

opacity: 1;

transform: translateY(0);

}

/* ===== RESPONSIVE DESIGN ===== */

@media (max-width: 1200px) {

.footer-content {

grid-template-columns: 1fr;

gap: 30px;

}

#wheel-widget {

height: 350px;

}

#wheel-face {

width: 350px;

height: 350px;

}

.wheel-item {

width: 130px;

height: 40px;

margin: -20px -65px;

}

@media (max-width: 992px) {

.about-content, .contact-content {

flex-direction: column;

}

.about-img, .about-text, .contact-info, .contact-form {

width: 100%;

}

.hero-content h1 {

font-size: 2.8rem;

}

.videos-container {

grid-template-columns: 1fr;

gap: 20px;

}

#wheel-widget {

height: 300px;

}

#wheel-face {

width: 300px;

height: 300px;

}

.wheel-item {

width: 120px;

height: 35px;

margin: -17px -60px;

font-size: 0.7rem;

}

@media (max-width: 768px) {

.navbar {

padding: 8px 0;

}

.header-top .welcome-text {

font-size: 1.1rem;

}

.services-tagline {

font-size: 0.75rem;

max-width: 300px;

}

.nav-links {

position: fixed;

top: 120px;

left: -100%;

width: 100%;

height: calc(100vh - 120px);

background: rgba(2, 4, 6, 0.95);

flex-direction: column;

align-items: center;

justify-content: flex-start;

padding-top: 50px;

transition: var(--transition);

backdrop-filter: blur(10px);

gap: 30px;

}

.nav-links.active {

left: 0;

}

.nav-links li {

margin: 0;

}

.nav-links a {

font-size: 1.1rem;

}

.hamburger {

display: block;

}

.hero-content h1 {

font-size: 2.2rem;

}

.section-title h2 {

font-size: 2rem;

}

.hero-btns {

flex-direction: column;

align-items: center;

}

.btn {

width: 100%;

max-width: 300px;

}

.header-bottom {

flex-direction: column;

gap: 15px;

text-align: center;

}

.services-tagline {

max-width: 100%;

order: 2;

}

.nav-links {

order: 1;

}

#wheel-widget {

height: 250px;

}

#wheel-face {

width: 250px;

height: 250px;

}

.wheel-item {

width: 100px;

height: 30px;

margin: -15px -50px;

font-size: 0.65rem;

}

.youtube-video iframe {

height: 200px;

}

.formspree-form input[type="text"],

.formspree-form input[type="email"],

.formspree-form textarea {

font-size: 16px;

padding: 12px;

}

.formspree-form textarea {

height: 150px;

}

@media (max-width: 576px) {

.hero-content h1 {

font-size: 1.8rem;

}

.hero-content p {

font-size: 1rem;

}

.section {

padding: 70px 0;

}

.footer-content {

flex-direction: column;

gap: 30px;

}

.header-top .welcome-text {

font-size: 1rem;

}

.services-tagline {

font-size: 0.7rem;

}

#wheel-widget {

height: 200px;

}

#wheel-face {

width: 200px;

height: 200px;

}

.wheel-item {

width: 80px;

height: 25px;

margin: -12px -40px;

font-size: 0.6rem;

}

.youtube-video iframe {

height: 180px;

}

.video-wrapper video,

.video-wrapper iframe {

height: 250px;

}

.back-to-top {

bottom: 70px;

right: 15px;

width: 45px;

height: 45px;

font-size: 1rem;

}

.formspree-form button[type="submit"] {

font-size: 16px;

padding: 15px 25px;

}

@media (max-width: 400px) {

.hero-content h1 {

font-size: 1.5rem;

}

.services-grid {

grid-template-columns: 1fr;

}

#wheel-widget {

height: 180px;

}

#wheel-face {

width: 180px;

height: 180px;

}

.wheel-item {

width: 70px;

height: 22px;

margin: -11px -35px;

font-size: 0.55rem;

}

</style>

</head>

<body>

<div class="welcome-text">👋 Welcome to <span>Adnan Sajjad</span> Professional Services Hub</div>

</div>

<div class="services-tagline">💼 Financial Analyst | ✈️ Travel & Tourism | 📱 Digital Marketing | 🏡 Real Estate and More © Since 2008</div>

<li><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad" target="_blank">About</a></li>

<li><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services" target="_blank">Services</a></li>

<li><a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad" target="_blank">Contact</a></li>

</ul>

</div>

</nav>

</div>

</header>

<h1>Adnan <span>Sajjad</span></h1>

<p>Financial Analyst • Digital Marketer • Travel & Tourism Expert • Real Estate Consultant</p>

<a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services" target="_blank" class="btn">My Services</a>

<a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad" target="_blank" class="btn btn-outline">Get In Touch</a>

</div>

</section>

<h2>Adnan Sajjad Professional Multi Services Hub</h2>

<p>Financial Analyst • ERP & IFRS, • Travel & Tourism • Real Estate • Digital Marketing & More</p>

<a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services" target="_blank" class="btn">My Services</a>

<a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad" target="_blank" class="btn btn-outline">Get In Touch</a>

</div>

</section>

<h2>Welcome to My Website</h2>

<p>Watch these videos to learn more about my services and expertise</p>

</div>

<h3>Welcome Video</h3>

Your browser does not support the video tag.

</video>

</div>

<h3>Professional Introduction</h3>

</div>

</section>

<h3>My Portfolio Links</h3>

<span class="widget-text">Google Sites</span>

</a>

<span class="widget-text">GitHub</span>

</a>

<span class="widget-text">Cloudflare</span>

</a>

<span class="widget-text">Vercel</span>

</a>

<span class="widget-text">Netlify</span>

</a>

</div>

<h2>About Me</h2>

<p>Learn more about my professional background and expertise</p>

</div>

</div>

</div>

</div>

<h3>Adnan Sajjad</h3>

<h4>Professional Financial Analyst & Travel Tourism</h4>

<p>I'm a dedicated professional with expertise in financial analysis, ERP systems, IFRS standards, travel & tourism, real estate, and digital marketing services and more.</p>

<p>With years of experience in the industry, I've helped numerous clients achieve their financial and business goals through strategic planning and innovative solutions.</p>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-cv-2025" target="_blank">Adnan Sajjad CV 2025</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-identity-card" target="_blank">Identity</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-education" target="_blank">Education</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-travel-history" target="_blank">Travel History</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-work-experience/financial-analyst-work-experience" target="_blank">Financial Analysis</a></div>

<div class="skill">ERP Systems</div>

<div class="skill">IFRS Standards</div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-work-experience/travel-tourism-work-experience" target="_blank">Travel & Tourism</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-work-experience/real-estates-work-experience" target="_blank">Real Estate</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-work-experience/digital-marketing-work-experience" target="_blank">Digital Marketing</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-work-experience/warehouse-and-security-work-experience" target="_blank">Warehouse & Security</a></div>

<div class="skill"><a href="https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-company-concepts-travel-pvt-ltd" target="_blank">My Company Concepts Travels Pvt Ltd</a></div>

</div>

<a href="#contact" class="btn" style="margin-top: 20px;">Contact Me</a>

</div>

</section>

<h2>My Services</h2>

<p>Comprehensive professional services tailored to your needs</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/financial-analyst-services" target="_blank" style="color: var(--light); text-decoration: none;">Financial Analysis</a></h3>

<p>Comprehensive financial analysis, reporting, and strategic planning for businesses of all sizes.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/hr-cv-services" target="_blank" style="color: var(--light); text-decoration: none;">HR & CV Services</a></h3>

<p>Professional HR consulting and CV development services for career advancement.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/travel-tourism-services" target="_blank" style="color: var(--light); text-decoration: none;">Travel & Tourism</a></h3>

<p>Custom travel packages and tourism services for both business and leisure travelers.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/real-estates-services" target="_blank" style="color: var(--light); text-decoration: none;">Real Estate</a></h3>

<p>Professional real estate consulting, property management, and investment advisory services.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/digital-marketing-services" target="_blank" style="color: var(--light); text-decoration: none;">Digital Marketing</a></h3>

<p>Strategic digital marketing solutions to enhance your online presence and drive business growth.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/students-scholarship-services" target="_blank" style="color: var(--light); text-decoration: none;">Student Scholarships</a></h3>

<p>Guidance and assistance for students seeking scholarship opportunities worldwide.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/e-commerce-services" target="_blank" style="color: var(--light); text-decoration: none;">E-commerce</a></h3>

<p>Complete e-commerce solutions including setup, management, and optimization.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/holographic-assistant-services" target="_blank" style="color: var(--light); text-decoration: none;">Holographic Assistant</a></h3>

<p>Advanced holographic assistant services for modern business needs.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/shipping-line-logistics-services" target="_blank" style="color: var(--light); text-decoration: none;">Shipping & Logistics</a></h3>

<p>Comprehensive shipping and logistics solutions for global trade.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/electric-and-smart-home-equipment" target="_blank" style="color: var(--light); text-decoration: none;">Smart Home Equipment</a></h3>

<p>Latest electric and smart home equipment solutions for modern living.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/telecommunication-services" target="_blank" style="color: var(--light); text-decoration: none;">Telecommunication</a></h3>

<p>Telecommunication services and solutions for businesses and individuals.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/trade-importexport-consulting-services" target="_blank" style="color: var(--light); text-decoration: none;">Trade Import/Export</a></h3>

<p>Consulting services for international trade, import, and export operations.</p>

</div>

</div>

<h3><a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services/sales-consulting-services" target="_blank" style="color: var(--light); text-decoration: none;">Sales Consulting</a></h3>

<p>Strategic sales consulting to help you optimize operations and achieve your goals.</p>

</div>

</section>

<h2>Get In Touch</h2>

<p>Contact me for professional services and consultations</p>

</div>

</div>

<h4>Business Details</h4>

<p><strong>Google Business:</strong> <a href="https://share.google/94vTJ3nKSWsu81RbH" target="_blank">View Profile</a></p>

<p><strong>Address:</strong> House No R-852, Road No 2, Sector 15 A/2, Buffer Zone, Karachi, Pakistan</p>

<p><strong>Business ID:</strong> 2207860734035826081</p>

<p><strong>Google Ads Account:</strong> 769-005-1331</p>

<iframe

src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3621.386265619886!2d67.03489631499496!3d24.93779828402439!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb3390e91b61cb1%3A0x4df0e9f24ed109b0!2sSector%2015-A%202%20Buffer%20Zone%20North%20Karachi%20Town%2C%20Karachi%2C%20Karachi%20City%2C%20Sindh!5e0!3m2!1sen!2s!4v1696778455084!5m2!1sen!2s"

width="100%" height="200" style="border:0; border-radius: 8px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">

</iframe>

</div>

<a href="https://g.page/r/CZ4tReAOrnVuEAE/review" target="_blank" class="btn">Leave a Review</a>

</div>

</div>

<h4>Email Addresses</h4>

<a href="mailto:adnansajjadnew786@gmail.com">adnansajjadnew786@gmail.com</a><br>

<a href="mailto:adnansajjad786new2025@gmail.com">adnansajjad786new2025@gmail.com</a><br>

<a href="mailto:02136940190adnan@gmail.com">02136940190adnan@gmail.com</a><br>

<a href="mailto:adnansajjad786new@yahoo.com">adnansajjad786new@yahoo.com</a><br>

<a href="mailto:adnansajjad786new@hotmail.com">adnansajjad786new@hotmail.com</a><br>

<a href="mailto:adnansajjadnew786@outlook.com">adnansajjadnew786@outlook.com</a>

</div>

</div>

<h4>Portfolio</h4>

<a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-portfolio" target="_blank">Main Portfolio</a><br>

<a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-portfolio/photo-gallery" target="_blank">Photo Gallery</a><br>

<a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-portfolio/clients" target="_blank">Clients</a><br>

<a href="https://sites.google.com/view/adnan-sajjad/adnan-sajjad-portfolio/testimonial" target="_blank">Testimonials</a>

</div>

</div>

<h4>Contact Pages</h4>

<a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad" target="_blank">Main Contact</a><br>

<a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad/opening-hours" target="_blank">Opening Hours</a><br>

<a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad/booking" target="_blank">Booking</a><br>

<a href="https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad/blogs" target="_blank">Blogs</a>

</div>

<iframe

src="https://calendly.com/adnansajjadnew786/adnan-sajjad"

style="width:100%;height:100%;border:0"

title="Calendly scheduling" loading="lazy">

</iframe>

</div>

<small>Please enter your full name.</small>

</div>

<label for="email">Your Email Address:</label>

<small>Please enter your email address so we can get in touch with you.</small>

</div>

<label for="phone">Phone Number (Optional):</label>

<small>Please provide a phone number if you prefer to be contacted by phone.</small>

</div>

<label for="enquiry">Your Enquiry:</label>

<small>Please mention the services you are inquiring about from Adnan Sajjad below: Tell us what services you are interested in or what information you would like to know.</small>

</div>

<label for="message">Additional Message or Notes:</label>

<small>Feel free to provide any other details or questions.</small>

</div>

<button type="submit">Send Message to Mr. Adnan Sajjad</button>

<small>Your message will be sent to: adnansajjadnew786@gmail.com</small>

</form>

<strong>Important Notice: Do Not Filled Contact Form !</strong><br>

My services are offered strictly on a cash basis for foreign clients. Please note that my services are not available to religious figures (Moulanas, Qaris, Peers, Sayeds), NGOs, or psychiatric institutions AND Pakistani. This applies regardless of whether they are from Pakistan or abroad. I apologize for any inconvenience.

</div>

</section>

<h2>📊 Google Analytics & Business Overview</h2>

<h3>🌐 Website</h3>

<p><strong>URL:</strong> <a href="https://sites.google.com/view/adnan-sajjad" target="_blank">https://sites.google.com/view/adnan-sajjad</a></p>

<p><strong>Platform:</strong> Google Sites</p>

<p><strong>Status:</strong> Published, Data Active ✅</p>

<h3>📈 Google Analytics 4 (GA4)</h3>

<ul>

<li><strong>Account ID:</strong> 317758170</li>

<li><strong>Property Name:</strong> Adnan-sajjad</li>

<li><strong>Property ID:</strong> 445534188</li>

<li><strong>Measurement ID:</strong> <span style="color:green;">G-RE9T691H1L</span></li>

<li><strong>View Property:</strong> <a href="https://analytics.google.com/analytics/web/#/a317758170p445534188/reports/intelligenthome" target="_blank">Open GA4</a></li>

</ul>

<h3>🧩 Tag Assistant</h3>

<ul>

<li><strong>Tag Name:</strong> Adnan-sajjad</li>

<li><strong>Active Tag ID:</strong> G-RE9T691H1L ✅</li>

<li><strong>Legacy Tag ID:</strong> GT-PJ5SJ625</li>

<li><strong>Tag Assistant:</strong> <a href="https://tagassistant.google.com/" target="_blank">Open Tag Assistant</a></li>

<li><strong>Debug Mode:</strong> <a href="https://tagassistant.google.com/#/?url=https%3A%2F%2Fsites.google.com%2Fview%2Fadnan-sajjad%3Fgtm_debug%3D1760961640036" target="_blank">Start Debug</a></li>

</ul>

<h3>🏢 Google Business Profile</h3>

<p><strong>Business:</strong> Adnan Sajjad Online Professional Services Hub</p>

<ul>

<li><strong>Linked Ads Account:</strong> 7690051331</li>

<li><strong>Email:</strong> <a href="mailto:adnansajjad786new2025@gmail.com">adnansajjad786new2025@gmail.com</a></li>

<li><strong>View on Google:</strong> <a href="https://www.google.com/search?q=Adnan+Sajjad+Online+Professional+Services+Hub" target="_blank">Open Business Listing</a></li>

</ul>

<h3>📝 Notes</h3>

<ul>

<li>GA4 updates visitor data every 24 hours; use DebugView for real-time tests.</li>

<li>Only one active tag (G-RE9T691H1L) should be present to avoid duplication.</li>

<li>Link this site with Google Ads for remarketing and conversion tracking.</li>

</ul>

💡 Shortcut: "Website → GA4 (G-RE9T691H1L) → Account 317758170 → Property 445534188 → Active & Verified ✅"

</p>

</div>

<h4>Adnan Sajjad</h4>

<p class="footer-about">Professional Financial Analyst, Travel Tourism, and Business Consultant with expertise in multiple domains. Providing comprehensive services including financial analysis, ERP systems, IFRS standards, travel & tourism, real estate, and digital marketing solutions.</p>

<i class="fas fa-tree"></i> Linktree

</a>

<i class="fas fa-campground"></i> Campsite

</a>

<i class="fab fa-facebook-f"></i> Facebook Business

</a>

<i class="fab fa-facebook"></i> Facebook Profile

</a>

<i class="fab fa-linkedin-in"></i> LinkedIn

</a>

<i class="fab fa-youtube"></i> YouTube

</a>

<i class="fab fa-twitter"></i> Twitter/X

</a>

<i class="fab fa-instagram"></i> Instagram

</a>

<i class="fab fa-threads"></i> Threads

</a>

<i class="fab fa-pinterest"></i> Pinterest

</a>

<i class="fab fa-tiktok"></i> TikTok

</a>

<i class="fas fa-users"></i> Microsoft Teams

</a>

<i class="fab fa-skype"></i> Skype

</a>

<i class="fas fa-video"></i> Google Meet

</a>

<i class="fab fa-behance"></i> Behance

</a>

<i class="fab fa-blogger"></i> Blogger

</a>

<i class="fas fa-share-alt"></i> Jumpshare

</a>

<i class="fas fa-gift"></i> Giphy

</a>

<i class="fab fa-twitch"></i> Twitch

</a>

<i class="fab fa-github"></i> GitHub

</a>

<i class="fab fa-dribbble"></i> Dribbble

</a>

<i class="fab fa-medium"></i> Medium

</a>

<i class="fab fa-mastodon"></i> Mastodon

</a>

<i class="fas fa-calendar"></i> Calendly

</a>

<i class="fab fa-xing"></i> Xing

</a>

<i class="fab fa-stack-overflow"></i> Stack Overflow

</a>

<i class="fab fa-google"></i> Google Developers

</a>

<i class="fab fa-snapchat"></i> Snapchat

</a>

</div>

</div>

Powered by 📍 Adnan Sajjad ✨ Connect with me

<a href="https://linktr.ee/adnansajjad786" target="_blank">https://linktr.ee/adnansajjad786</a>

<a href="https://campsite.bio/adnansajjad" target="_blank">https://campsite.bio/adnansajjad</a></p>

</div>

</footer>

</a>

// Mobile Navigation Toggle

const hamburger = document.querySelector('.hamburger');

const navLinks = document.querySelector('.nav-links');

hamburger.addEventListener('click', () => {

navLinks.classList.toggle('active');

});

// Close mobile menu when clicking on a link

document.querySelectorAll('.nav-links a').forEach(link => {

link.addEventListener('click', () => {

navLinks.classList.remove('active');

});

// Form submission - Fixed to actually submit to Formspree

document.getElementById('contact-form').addEventListener('submit', function(e) {

// Form will now actually submit to Formspree

console.log('Form submitted to Formspree');

});

// Smooth scrolling for navigation links

document.querySelectorAll('a[href^="#"]').forEach(anchor => {

anchor.addEventListener('click', function (e) {

e.preventDefault();

const targetId = this.getAttribute('href');

if(targetId === '#') return;

const targetElement = document.querySelector(targetId);

if(targetElement) {

window.scrollTo({

top: targetElement.offsetTop - 100,

behavior: 'smooth'

});

}

});

// Add scroll effect to navbar

window.addEventListener('scroll', function() {

const header = document.querySelector('header');

if(window.scrollY > 100) {

header.style.backgroundColor = 'rgba(2, 4, 6, 0.95)';

header.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.3)';

} else {

header.style.backgroundColor = 'rgba(2, 4, 6, 0.9)';

header.style.boxShadow = 'none';

}

});

// Rotating Wheel Implementation - Fixed cutting issues

(function(){

const pages = [

{url:"https://sites.google.com/view/adnan-sajjad/home", label:"Home"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad", label:"About"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-cv-2025", label:"CV"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-identity-card", label:"ID Card"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-education", label:"Education"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-work-experience", label:"Work"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-travel-history", label:"Travel History"},

{url:"https://sites.google.com/view/adnan-sajjad/about-adnan-sajjad/adnan-sajjad-company-concepts-travel-pvt-ltd", label:"Company"},

{url:"https://sites.google.com/view/adnan-sajjad/adnan-sajjad-professional-services", label:"Services"},

{url:"https://sites.google.com/view/adnan-sajjad/adnan-sajjad-portfolio", label:"Portfolio"},

{url:"https://sites.google.com/view/adnan-sajjad/contact-adnan-sajjad", label:"Contact"}

];

const wheel = document.getElementById("wheel-face");

const count = pages.length;

const step = 360 / count;

pages.forEach((p, i) => {

const card = document.createElement("div");

card.className = "wheel-item";

const ang = i * step;

card.style.transform = `rotateY(${ang}deg) translateZ(200px)`;

card.innerHTML = `<a href="${p.url}" target="_blank">${p.label}</a>`;

wheel.appendChild(card);

});

})();

// Back to Top Button

const backToTopButton = document.getElementById('backToTop');

window.addEventListener('scroll', function() {

if (window.pageYOffset > 300) {

backToTopButton.classList.add('visible');

} else {

backToTopButton.classList.remove('visible');

}

});

backToTopButton.addEventListener('click', function(e) {

e.preventDefault();

window.scrollTo({

top: 0,

behavior: 'smooth'

});

// Active navigation highlighting

window.addEventListener('scroll', function() {

const sections = document.querySelectorAll('section');

const navLinks = document.querySelectorAll('.nav-links a');

let current = '';

sections.forEach(section => {

const sectionTop = section.offsetTop;

const sectionHeight = section.clientHeight;

if (pageYOffset >= sectionTop - 150) {

current = section.getAttribute('id');

}

});

navLinks.forEach(link => {

link.classList.remove('active');

if (link.getAttribute('href').includes(current)) {

link.classList.add('active');

}

});

// Visitor counter (client-side simple placeholder)

(function visitorCounter(){

const key = 'adnan_visitors_v1';

let cnt = localStorage.getItem(key);

if(!cnt){

cnt = Math.floor(Math.random()*4200) + 300;

localStorage.setItem(key, cnt);

}

// Display visitor count

document.getElementById('visitorCount').innerText = cnt;

})();

</script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'G-RE9T691H1L');

</script>

👥 Live Visitors: <span id="visitorCount">1</span>

</div>

// Simulated live visitor counter

let visitors = Math.floor(Math.random() * 5) + 1;

document.getElementById("visitorCount").innerText = visitors;

setInterval(() => {

visitors = Math.floor(Math.random() * 5) + 1;

document.getElementById("visitorCount").innerText = visitors;

}, 10000);

</script>

</body>

</html>

Click Commit changes
Open README.md and click Edit

🌐 Adnan Sajjad — Online Professional Services Hub

Welcome to my official portfolio website and professional profile.
I provide Financial Analysis, Travel & Tourism, Real Estate, Digital Marketing, and Freelancing services across multiple platforms.

🔗 Live Website:
👉 https://adnansajjad786.github.io/portfolio-website/

🧭 About Me

👤 Name: Adnan Sajjad
📅 Date of Birth: 20 July 1979 (Male)
🆔 National Identity Card: 42101-1930447-7
🏠 Address:
House No R-852, Road No 2, Sector 15-A/2,
Buffer Zone, North Nazimabad Township,
Sindh Central District, Karachi, Pakistan – South Asia
📮 Postal Code: 75850

💼 Profession:
Managing Director — Concepts Travel (Pvt.) Ltd.
Financial Analyst | Digital Marketer | Real Estate Agent | Online Freelancer

🧾 Education & Certifications

Bachelor of Commerce (B.Com) — Karachi, Pakistan
ERP & IFRS Certifications — Microsoft Dynamics 365, Tally, Oracle, FoxPro
English Proficiency, Digital Tools, and Freelancing Certifications

🎓 Watch my education video: ▶️ YouTube Link

💼 Work Experience

Financial Analyst — Watch Video
Travel & Tourism Services — Watch Video
Digital Marketing & Real Estate Services — Various online projects

📺 Intro Video: https://youtu.be/WfYGV7auC1w

🌍 Google Business Profile

Adnan Sajjad Online Professional Services Hub
🔗 View Active Profile
📩 Email: adnansajjad786new2025@gmail.com
🆔 Google Business ID: 2207860734035826081
🏪 Shop Code: 09800439869067634175
📢 Google Ads Account: 7690051331

⭐ Leave a Review → https://g.page/r/CZ4tReAOrnVuEAE/review

🔗 Link Collections

🌐 Linktree: https://linktr.ee/adnansajjad786
🌐 Campsite: https://campsite.bio/adnansajjad

💬 Social & Professional Networks

Platform

Profile Link

🔵 LinkedIn

www.linkedin.com/in/adnan-sajjad-b48567262

🧑‍💻 GitHub

github.com/AdnanSajjad786

🧠 Stack Overflow

Profile Link

📚 Medium

medium.com/@adnansajjadnew786

🎨 Behance

behance.net/adnansajjad2

🎯 Dribbble

dribbble.com/Adnansajjad786

🖥️ Bitbucket

bitbucket.org/adnan-sajjad/workspace/overview

💼 Xing

xing.com/profile/Adnan_Sajjad/web_profiles

🧑‍💻 Google Developer Profile

developers.google.com/profile/u/adnan-sajjad

📱 Social Media

Platform

Profile

🩵 Facebook Profile

facebook.com/profile.php?id=61559722930168

💼 Facebook Page

facebook.com/profile.php?id=61560223373803

🧾 Facebook Business ID: 2195335150858941

🐦 Twitter / X

x.com/AdnanSajjadnew

📸 Instagram

instagram.com/adnansajjad786

📍 Pinterest

pinterest.com/adnansajjadnew786

🎵 TikTok

tiktok.com/@adnan.sajjad.addy

👻 Snapchat

snapchat.com/add/adnansajjadkhi

🆔 Snapchat Business ID: 68f75f72-5b84-44b0-9981-b5c8ee75d278

🎥 YouTube

youtube.com/@adnansajjad786

🎮 Twitch

twitch.tv/adnansajjad

🕹️ Giphy

giphy.com/explore/adnansajjad786new

🖊️ Blogger

blogger.com/profile/09356015196666368292

🧩 Communication Tools

🛠️ Developer & Cloud Tools

🧰 Atlassian / Jira
🧭 Bitbucket Workspace: adnan-sajjad
🧠 Google Developer: adnan-sajjad Profile

🏡 Sajjad Hussain House — Residential Complex

Located at House No R-852, Road No 2, Sector 15-A/2,
Buffer Zone, North Nazimabad Township, Karachi, Pakistan.

⭐ Review My Services

If you have worked with me, please share your experience:
👉 https://g.page/r/CZ4tReAOrnVuEAE/review

Paste your detailed introduction (the one you wrote)
Click Commit changes

✅ Your repository now has:

README.md

index.html

🌐 Step 4: Enable GitHub Pages Hosting

In your repository, click the Settings tab
On the left, scroll to Pages
Under Source, select:
Deploy from a branch
Choose branch: main
Folder: / (root)
Click Save

⏳ Wait 1–2 minutes, GitHub will publish your site at:
👉 https://<your-username>.github.io/<repository-name>/

Example:
✅ https://adnansajjad786.github.io/portfolio-website/

🧭 Step 5: Connect to Cloudflare Pages

Go to 👉 https://pages.cloudflare.com/
Log in (or create a free Cloudflare account)
Click Create a project
Choose Connect to Git
Select GitHub, then authorize it
Choose your repo: portfolio-website
Cloudflare will auto-detect your project
Leave Build command: empty (for static HTML)
Output folder: /
Click Deploy

⏳ Wait a few seconds, and your site will appear at:
✅ Example: https://portfolio-website-hjo.pages.dev

⚡ Step 6: Deploy on Vercel

Go to 👉 https://vercel.com
Sign in with your GitHub account
Click Add New → Project
Select your GitHub repo: portfolio-website
Leave settings as default:
- Framework: “Other”
- Root Directory: /
- Output: /
Click Deploy

✅ Example: https://portfolio-website-m27l.vercel.app/

🚀 Step 7: Deploy on Netlify

Go to 👉 https://app.netlify.com/
Sign up (use GitHub login)
Click Add new site → Import an existing project
Choose GitHub
Select portfolio-website
Build command: (leave blank)
Publish directory: /
Click Deploy site

✅ Example:
https://profound-piroshki-d24591.netlify.app/

Step 8: (Optional) Customize Domain Names

If you have your own domain (like adnansajjad.com):

Go to your domain registrar (Namecheap, Google Domains, etc.)
Add CNAME record:
- Host: www
- Points to:
  - GitHub → <username>.github.io
  - Cloudflare → <project>.pages.dev
  - Vercel → <project>.vercel.app
  - Netlify → <project>.netlify.app
Enable HTTPS on each platform.

📊 Step 9: Update and Re-Deploy Anytime

Whenever you make changes:

Edit files (index.html, README.md, etc.)
Click Commit changes on GitHub
Automatically updates all connected platforms:
- GitHub Pages
- Cloudflare Pages
- Vercel
- Netlify

💡 Tip: You can upload new design templates or add folders (e.g. /css, /images) to improve style.

💎 Step 10: Make It Attractive

Add CSS animations or Bootstrap for design.
Example CSS library: https://getbootstrap.com
Use favicon and profile image for brand identity.
Add footer links to your professional networks.

🌐 Complete Guide: Deploy GitHub Repository to Firebase Hosting

Step-by-step tutorial to deploy your portfolio website from GitHub to Firebase Hosting with auto-deploy

📋 Prerequisites

GitHub account with repository
Google account for Firebase
Basic knowledge of command line

🚀 STEP-BY-STEP DEPLOYMENT GUIDE

1. Install Required Tools

1.1 Install Node.js

bash

# Download from: https://nodejs.org/

# Verify installation:

After install, open Command Prompt (CMD) or Terminal and type:

node -v

npm -v

1.2 Install Firebase CLI

in Command Prompt (CMD) or Terminal and type:

bash

npm install -g firebase-tools

⚠️ If installation takes longer:

Stop with press Ctrl + C
Try verbose mode:

in Command Prompt (CMD) or Terminal and type:

bash

npm install -g firebase-tools --verbose

Alternative method:

npm install -g firebase-tools --registry https://registry.npmjs.org/

✅ Successful installation looks like:

text

added 745 packages in 33m

81 packages are looking for funding

run `npm fund` for details

npm verbose exit 0

npm info ok

Verify installation:

bash

firebase --version

# Output: 14.22.0 or higher

If issues occur:

bash

npm cache clean --force

npm install -g firebase-tools

2. Firebase Authentication

2.1 Login to Firebase

in Command Prompt (CMD) or Terminal and type:

bash

firebase login

Follow prompts:

Enable Gemini in Firebase features? → Type n
Allow Firebase to collect usage data? → Type n
Browser opens for Google authentication
Sign in with your Google account
Allow Firebase permissions

✅ Success message:

text

+ Success! Logged in as your-email@gmail.com

3. Project Setup

3.1 Install Git (if not installed)

Download from: https://git-scm.com/download/win
Install with default options
Launch Git Bash

3.2 Clone GitHub Repository

In Git Bash Terminal Type this command

bash

git clone https://github.com/adnansajjad786/portfolio-website.git

cd portfolio-website

If Git not recognized:

Install Git from above link Download from: https://git-scm.com/download/win
Open Git Bash after installation
You'll see: NLN@Adnan-Sajjad-Hp-EliteBook MINGW64 ~ $

3.3 Initialize Firebase

bash

firebase init

Select Options:

✅ Hosting: Configure files for Firebase Hosting
Choose: Create a new project
Project ID: adnan-sajjad-portfolio-website
Public directory: . (current directory)
Single-page app: Yes
Overwrite index.html: No
GitHub auto-deploy: No (set up later)

4. Deploy Website

bash

firebase deploy

✅ Your website is now live!

🌐 Primary URL: https://adnan-sajjad-portfolio-website.web.app
🌐 Alternate URL: https://adnan-sajjad-portfolio-website.firebaseapp.com

🔄 GitHub Auto-Deploy Setup

5. Connect GitHub Repository

bash

firebase init hosting:github

Follow Prompts:

Ready to proceed? → Yes
Repository: adnansajjad786/portfolio-website
Build script: No
Auto-deploy on merge: Yes
Branch: main press enter

6. Push Configuration

bash

git add .

git commit -m "Add Firebase deployment config"

git push origin main

If push fails:

bash

git push origin main --force

💡 Alternative: Manual Setup First

If you want to proceed right now without Git installation:

Download your repo as ZIP from GitHub https://github.com/login

https://github.com/AdnanSajjad786/portfolio-website

here you see all file index.htm , readme.md and other your picture & video upload file

click green color code button

click download ZIP

WHEN Doenload complete extract zip file to c:\portfolio-website\ portfolio-website-main

in this folder of your c:\ driver all files will copied

folder copied file (firebase,.git,.github,.firbaserc,.gitignore,picture file,mp4 file,firebase.json,index.html,readme.md,)

Set up Firebase hosting manually

Later install Git and connect auto-deploy

Now run in git terminal:

bash

firebase deploy

locate the above folder

🌐 Your Live Websites

Project Console: https://console.firebase.google.com/project/portfolio-website/overview

🌐 Primary URL: https://adnan-sajjad-portfolio-website.web.app
🌐 Secondary URL: https://adnan-sajjad-portfolio-website.firebaseapp.com

Both URLs:

✅ Point to same website
✅ Free SSL/HTTPS
✅ Globally accessible
✅ Identical content

🔧 Future Updates

Method 1: Manual Deploy

bash

firebase deploy

Method 2: GitHub Auto-Deploy (Recommended)

Edit files directly on GitHub.com
Click "Commit changes"
Auto-deploys in 1-2 minutes
No commands needed!

✅ Features Included

✅ Free SSL Certificate
✅ Global CDN
✅ Automatic deployments
✅ Custom domain support
✅ Version history
✅ Professional hosting
✅ Zero maintenance

🛠 Troubleshooting

Common Issues & Solutions:

Git not recognized: Install from https://git-scm.com/
Network timeouts: Use --verbose flag
Push rejected: Use git push --force
Firebase installation slow: Try alternative registry

Useful Commands:

bash

firebase serve # Test locally

firebase deploy --only hosting # Deploy only hosting

firebase hosting:disable # Disable hosting

git status # Check Git status

📞 Support Resources

🎯 Success Metrics

Website deployed in under 10 minutes
Professional-grade hosting
Auto-deployment setup
Enterprise infrastructure
Live Example: https://adnan-sajjad-portfolio-website.web.app

Your portfolio is now live on enterprise-grade infrastructure with continuous deployment! 🚀

This guide covers complete deployment from GitHub to Firebase Hosting with continuous deployment setup. Perfect for portfolios, static websites, and client projects.

POWERED BY ADNAN SAJJAD

DOWNLOAD ANY FILE FROM URL

1) https://filegrab.net/

Work Experience in companies – Adnan Sajjad

🏢 Work Experience No. 1
01/03/2018 – Present
Concepts Travel Pvt Ltd – Freelancer / Online Professional Services HUB (Commission-Based), Director
📍 Remote – Karachi, Pakistan
📌 Department: Digital Marketing & Online Services
🌐 Website: ONLINE-Concepts

Responsibilities & Achievements:
💻 Managing end-to-end digital marketing campaigns for multiple clients across social media, search engines, and email platforms.
📈 Developing and executing strategies for lead generation, brand visibility, and client acquisition using SEO, SEM, and social media marketing.
🎯 Creating, scheduling, and optimizing content across platforms (Facebook, Instagram, LinkedIn, YouTube, and Google Ads) to engage target audiences and increase conversions.
📊 Analyzing campaign performance through metrics and KPIs, preparing reports, and adjusting strategies to maximize ROI.
🔑 Coordinating with clients, designers, and developers to implement marketing campaigns seamlessly, ensuring brand consistency.
🌍 Expanding client reach through multilingual content and online promotions for both local and international markets.
💼 Implementing ERP and CRM tools to streamline marketing workflows, track leads, and manage client interactions efficiently.
📜 Drafting marketing proposals, contracts, and reports ensuring compliance with digital advertising standards and client requirements.

Certificate:
Issued Professional Job Certificate by Concepts Travel Pvt Ltd acknowledging expertise in digital marketing strategy, campaign management, and client engagement.

concept job certificate.pdf

Digital Marketing Work Experience

ADNAN SAJJAD Digital Marketing & Content Creation Specialist

Driving Growth Through Creative Digital Solutions

What I Bring to Your Digital Journey

1️⃣ Digital Strategy Development – Roadmaps for Success

2️⃣ Content Creation – Images & Videos That Tell Your Story

3️⃣ Social Media Marketing – From Reach to Conversions

4️⃣ Brand Visibility & Growth – Strengthening Your Online Presence

5️⃣ Corporate Marketing Support – Consistency That Drives Results

Helping Brands Stay Ahead in a Competitive Digital World

Let’s Build Your Digital Success Story Together

1. Mobile / PC Speed & Utility Tools

Step 1 Install

Step 2: Set Up a Remote Session

Step 3: Transfer Files Between Devices

2. Image Creation & Editing Tools

Holographic Creation / 3D Tools

GIF MAKING

add GIF INTO A still image

add TEXT TO GIF

add TEXT TO GIF

3. Video Tools

4. Audio / Music Tools

Step-by-Step Guide to Record Song Using XRecorder (with Internal Audio)

Install VN Video Editor

🔍 Data Indexing Aspect

🧩 Metadata Optimization Aspect

⚙️ In technical terms:

🌐 Complete Guide: Deploy GitHub Repository to Firebase Hosting

🚀 STEP-BY-STEP DEPLOYMENT GUIDE

1. Install Required Tools

2. Firebase Authentication

3. Project Setup

4. Deploy Website

🔄 GitHub Auto-Deploy Setup

5. Connect GitHub Repository

6. Push Configuration

🌐 Your Live Websites

🔧 Future Updates

Method 1: Manual Deploy

Method 2: GitHub Auto-Deploy (Recommended)

✅ Features Included

🛠 Troubleshooting

Common Issues & Solutions:

Useful Commands:

📞 Support Resources

🎯 Success Metrics

Work Experience in companies – Adnan Sajjad