Skip to content

oreographer/profile-card-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

19 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Profile Card UI

Overview

This script adds a profile card to your webpage, displaying personal info, skills, contact details, and social media links.

Features

  • Profile Card: Shows sections for "About," "Skills," and "Contact."
  • Interactive Buttons: Navigate between sections.
  • Social Media Links: Includes profile links.
  • Close Button: Closes the card.

Usage

First add this script in your webpage

<script scr='https://oreographer.github.io/profile-card-ui/profileCard.js'></script>

Open Profile Card

Use openProfileCard to add the profile card to the <body>. It sets up navigation and manages visibility.

<script> window.openProfileCard(); </script>

Close Profile Card

Call closeProfileCard to remove the card from the <body>.

<script> closeProfileCard(); </script>

Releases

No releases published

Packages

No packages published