This widget provides Iftar and Sehri Timings from major institutions in Kashmir, allowing users to select their preferred institution and view the corresponding timings. The widget is designed to be lightweight, responsive, and easy to integrate into any website.
The data is fetched from Iftarkar, a project managed by Haider Ali Punjabi. The prayer timings are collected from major Islamic institutions in Kashmir, ensuring accuracy and reliability.
- Dynamic Data Fetching: The widget fetches the latest prayer timings from the Iftarkar API.
- Institution Selection: Users can select their preferred institution from a dropdown menu.
- Persistent Preferences: The selected institution is saved using
localStorage, so the user's choice is remembered across sessions. - Responsive Design: The widget is compact and adapts seamlessly to different screen sizes.
- Easy Integration: Adding the widget to your website is as simple as including a few lines of code.
To integrate the prayer timings widget into your website, follow these steps:
-
Add the widget's CSS file to your HTML
<head>section:<!-- Link to the widget CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/maroofmedia/iftarkar-widgets/widget.min.css">
-
Add a container element where the widget will be displayed:
<!-- Widget Container --> <div id="prayer-timings-widget"></div>
-
Include the widget's JavaScript file at the end of your HTML
<body>section:<!-- Include the JavaScript file --> <script src="https://cdn.jsdelivr.net/gh/maroofmedia/iftarkar-widgets/widget.min.js"></script>
That's it! The widget will automatically load and display the prayer timings for the selected institution.
- Styling: You can customize the appearance of the widget by modifying the CSS file (
widget.min.css) or overriding the styles in your own stylesheet. - Data Source: If you want to use a different API or dataset, update the
fetchURL in the JavaScript file (widget.min.js) to point to your desired source.
- Data Source: Iftarkar by Haider Ali Punjabi.
- Widget Development: Managed by Maroof Lone.