/*
Widget Name: Button
Description: Create a custom button with flexible styling, icon support, and click tracking functionality.
Author: SiteOrigin
Author URI: https://siteorigin.com
Documentation: https://siteorigin.com/widgets-bundle/button-widget-documentation/
Keywords: event, icon, link
*/

class SiteOrigin_Widget_Button_Widget extends SiteOrigin_Widget {
	public function __construct() {
		parent::__construct(
			'sow-button',
			__( 'SiteOrigin Button', 'so-widgets-bundle' ),
			array(
				'description' => __( 'Create a custom button with flexible styling, icon support, and click tracking functionality.', 'so-widgets-bundle' ),
				'help' => 'https://siteorigin.com/widgets-bundle/button-widget-documentation/',
			),
			array(
			),
			false,
			plugin_dir_path( __FILE__ )
		);
	}

	public function get_settings_form() {
		return array(
			'responsive_breakpoint' => array(
				'type'        => 'measurement',
				'label'       => __( 'Responsive Breakpoint', 'so-widgets-bundle' ),
				'default'     => '780px',
				'description' => __( 'This setting controls when the Mobile Align setting will be used. The default value is 780px.', 'so-widgets-bundle' ),
			),
		);
	}

	public function initialize() {
		$this->register_frontend_styles(
			array(
				array(
					'sow-button-base',
					plugin_dir_url( __FILE__ ) . 'css/style.css',
					array(),
					SOW_BUNDLE_VERSION,
				),
			)
		);
	}

	public function get_widget_form() {
		return array(
			'text' => array(
				'type' => 'text',
				'label' => __( 'Button Text', 'so-widgets-bundle' ),
			),

			'url' => array(
				'type' => 'link',
				'label' => __( 'Destination URL', 'so-widgets-bundle' ),
				'allow_shortcode' => true,
			),

			'new_window' => array(
				'type' => 'checkbox',
				'default' => false,
				'label' => __( 'Open in a new window', 'so-widgets-bundle' ),
			),

			'download' => array(
				'type' => 'checkbox',
				'default' => false,
				'label' => __( 'Download', 'so-widgets-bundle' ),
				'description' => __( 'The Destination URL will be downloaded when a user clicks on the button.', 'so-widgets-bundle' ),
			),

			'button_icon' => array(
				'type' => 'section',
				'label' => __( 'Icon', 'so-widgets-bundle' ),
				'fields' => array(
					'icon_selected' => array(
						'type' => 'icon',
						'label' => __( 'Icon', 'so-widgets-bundle' ),
					),

					'icon_color' => array(
						'type' => 'color',
						'label' => __( 'Icon Color', 'so-widgets-bundle' ),
					),

					'icon' => array(
						'type' => 'media',
						'label' => __( 'Image Icon', 'so-widgets-bundle' ),
						'description' => __( 'Replaces the icon with your own image icon.', 'so-widgets-bundle' ),
					),

					'icon_placement' => array(
						'type' => 'select',
						'label' => __( 'Icon Placement', 'so-widgets-bundle' ),
						'default' => 'left',
						'options' => array(
							'top'    => __( 'Top', 'so-widgets-bundle' ),
							'right'  => __( 'Right', 'so-widgets-bundle' ),
							'bottom' => __( 'Bottom', 'so-widgets-bundle' ),
							'left'   => __( 'Left', 'so-widgets-bundle' ),
						),
					),
				),
			),

			'design' => array(
				'type' => 'section',
				'label' => __( 'Design and Layout', 'so-widgets-bundle' ),
				'hide' => true,
				'fields' => array(
					'width' => array(
						'type' => 'measurement',
						'label' => __( 'Width', 'so-widgets-bundle' ),
						'description' => __( 'Leave blank to let the button resize according to content.', 'so-widgets-bundle' ),
					),

					'align' => array(
						'type' => 'select',
						'label' => __( 'Align', 'so-widgets-bundle' ),
						'default' => 'center',
						'options' => array(
							'left' => __( 'Left', 'so-widgets-bundle' ),
							'right' => __( 'Right', 'so-widgets-bundle' ),
							'center' => __( 'Center', 'so-widgets-bundle' ),
							'justify' => __( 'Full Width', 'so-widgets-bundle' ),
						),
					),
					'mobile_align' => array(
						'type' => 'select',
						'label' => __( 'Mobile Align', 'so-widgets-bundle' ),
						'default' => 'center',
						'options' => array(
							'left' => __( 'Left', 'so-widgets-bundle' ),
							'right' => __( 'Right', 'so-widgets-bundle' ),
							'center' => __( 'Center', 'so-widgets-bundle' ),
							'justify' => __( 'Full Width', 'so-widgets-bundle' ),
						),
					),
					'theme' => array(
						'type' => 'select',
						'label' => __( 'Button Theme', 'so-widgets-bundle' ),
						'default' => 'flat',
						'options' => array(
							'atom' => __( 'Atom', 'so-widgets-bundle' ),
							'flat' => __( 'Flat', 'so-widgets-bundle' ),
							'wire' => __( 'Wire', 'so-widgets-bundle' ),
						),
					),

					'button_color' => array(
						'type' => 'color',
						'label' => __( 'Button Color', 'so-widgets-bundle' ),
					),

					'text_color' => array(
						'type' => 'color',
						'label' => __( 'Text Color', 'so-widgets-bundle' ),
					),

					'hover' => array(
						'type' => 'checkbox',
						'default' => true,
						'label' => __( 'Use hover effects', 'so-widgets-bundle' ),
						'state_emitter' => array(
							'callback' => 'conditional',
							'args'     => array(
								'hover[show]: val',
								'hover[hide]: ! val',
							),
						),
					),

					'hover_background_color' => array(
						'type' => 'color',
						'label' => __( 'Hover Background Color', 'so-widgets-bundle' ),
						'state_handler' => array(
							'hover[show]' => array( 'show' ),
							'hover[hide]' => array( 'hide' ),
						),
					),

					'hover_text_color' => array(
						'type' => 'color',
						'label' => __( 'Hover Text Color', 'so-widgets-bundle' ),
						'state_handler' => array(
							'hover[show]' => array( 'show' ),
							'hover[hide]' => array( 'hide' ),
						),
					),

					'font' => array(
						'type' => 'font',
						'label' => __( 'Font', 'so-widgets-bundle' ),
						'default' => 'default',
					),

					'font_size' => array(
						'type' => 'measurement',
						'label' => __( 'Font Size', 'so-widgets-bundle' ),
						'default' => '1em',
					),

					'icon_size' => array(
						'type' => 'measurement',
						'label' => __( 'Icon Size', 'so-widgets-bundle' ),
						'default' => '1.3em',
					),

					'padding' => array(
						'type' => 'measurement',
						'label' => __( 'Padding', 'so-widgets-bundle' ),
						'default' => '1em',
					),

					'rounding' => array(
						'type' => 'multi-measurement',
						'label' => __( 'Rounding', 'so-widgets-bundle' ),
						'default' => '0.25em 0.25em 0.25em 0.25em',
						'measurements' => array(
							'top' => array(
								'label' => __( 'Top', 'so-widgets-bundle' ),
							),
							'right' => array(
								'label' => __( 'Right', 'so-widgets-bundle' ),
							),
							'bottom' => array(
								'label' => __( 'Bottom', 'so-widgets-bundle' ),
							),
							'left' => array(
								'label' => __( 'Left', 'so-widgets-bundle' ),
							),
						),
					),
				),
			),

			'attributes' => array(
				'type' => 'section',
				'label' => __( 'Other Attributes and SEO', 'so-widgets-bundle' ),
				'hide' => true,
				'fields' => array(
					'id' => array(
						'type' => 'text',
						'label' => __( 'Button ID', 'so-widgets-bundle' ),
						'description' => __( 'An ID attribute allows you to target this button in JavaScript.', 'so-widgets-bundle' ),
					),

					'classes' => array(
						'type' => 'text',
						'label' => __( 'Button Classes', 'so-widgets-bundle' ),
						'description' => __( 'Additional CSS classes added to the button link.', 'so-widgets-bundle' ),
					),

					'title' => array(
						'type' => 'text',
						'label' => __( 'Title Attribute', 'so-widgets-bundle' ),
						'description' => __( 'Adds a title attribute to the button link.', 'so-widgets-bundle' ),
					),

					'on_click' => array(
						'type' => 'text',
						'label' => __( 'Onclick', 'so-widgets-bundle' ),
						'description' => __( 'Run this JavaScript when the button is clicked. Ideal for tracking.', 'so-widgets-bundle' ),
						'onclick' => true,
					),

					'rel' => array(
						'type' => 'text',
						'label' => __( 'Rel Attribute', 'so-widgets-bundle' ),
						'description' => __( 'Adds a rel attribute to the button link.', 'so-widgets-bundle' ),
					),
				),
			),
		);
	}

	public function get_style_name( $instance ) {
		if ( empty( $instance['design']['theme'] ) ) {
			return 'atom';
		}

		return $instance['design']['theme'];
	}

	/**
	 * Get the variables for the Button Widget.
	 *
	 * @return array
	 */
	public function get_template_variables( $instance, $args ) {
		$button_attributes = array();

		$attributes = $instance['attributes'];

		$classes = ! empty( $attributes['classes'] ) ? $attributes['classes'] : '';

		if ( ! empty( $classes ) ) {
			$classes .= ' ';
		}
		$classes .= 'sowb-button ow-icon-placement-' . $instance['button_icon']['icon_placement'];

		if ( ! empty( $instance['design']['hover'] ) ) {
			$classes .= ' ow-button-hover';
		}

		$button_attributes['class'] = implode(
			' ',
			array_map(
				'sanitize_html_class',
				explode( ' ', $classes )
			)
		);

		if ( ! empty( $instance['new_window'] ) ) {
			$button_attributes['target'] = '_blank';
			$button_attributes['rel'] = 'noopener noreferrer';
		}

		if ( ! empty( $instance['download'] ) ) {
			$button_attributes['download'] = null;
		}

		if ( ! empty( $attributes['id'] ) ) {
			$button_attributes['id'] = $attributes['id'];
		}

		if ( ! empty( $attributes['title'] ) ) {
			$button_attributes['title'] = $attributes['title'];
		}

		if ( ! empty( $attributes['rel'] ) ) {
			if ( isset( $button_attributes['rel'] ) ) {
				$button_attributes['rel'] .= " $attributes[rel]";
			} else {
				$button_attributes['rel'] = $attributes['rel'];
			}
		}

		$icon_image_url = '';

		if ( ! empty( $instance['button_icon']['icon'] ) ) {
			$attachment = wp_get_attachment_image_src( $instance['button_icon']['icon'] );

			if ( ! empty( $attachment ) ) {
				$icon_image_url = $attachment[0];
			}
		}

		return array(
			'button_attributes' => apply_filters( 'siteorigin_widgets_button_attributes', $button_attributes, $instance ),
			'href' => ! empty( $instance['url'] ) ? $instance['url'] : '',
			'on_click' => ! empty( $attributes['on_click'] ) ? $attributes['on_click'] : '',
			'align' => $instance['design']['align'],
			'icon_image_url' => $icon_image_url,
			'icon' => $instance['button_icon']['icon_selected'],
			'icon_color' => $instance['button_icon']['icon_color'],
			'text' => $instance['text'],
		);
	}

	/**
	 * Get the variables that we'll be injecting into the less stylesheet.
	 *
	 * @return array
	 */
	public function get_less_variables( $instance ) {
		if ( empty( $instance ) || empty( $instance['design'] ) ) {
			return array();
		}

		$text_color = isset( $instance['design']['text_color'] ) ? $instance['design']['text_color'] : '';
		$button_color = isset( $instance['design']['button_color'] ) ? $instance['design']['button_color'] : '';

		$less_vars = array(
			'button_width' => isset( $instance['design']['width'] ) ? $instance['design']['width'] : '',
			'button_color' => $button_color,
			'text_color' => $text_color,
			'icon_size' => ! empty( $instance['design']['icon_size'] ) ? $instance['design']['icon_size'] : '1.3em',
			'hover_text_color' => ! empty( $instance['design']['hover_text_color'] ) ? $instance['design']['hover_text_color'] : $text_color,
			'hover_background_color' => ! empty( $instance['design']['hover_background_color'] ) ? $instance['design']['hover_background_color'] : $button_color,
			'font_size' => isset( $instance['design']['font_size'] ) ? $instance['design']['font_size'] : '',
			'rounding' => isset( $instance['design']['rounding'] ) ? $instance['design']['rounding'] : '',
			'padding' => isset( $instance['design']['padding'] ) ? $instance['design']['padding'] : '',
			'has_text' => empty( $instance['text'] ) ? 'false' : 'true',
			'responsive_breakpoint' => $this->get_global_settings( 'responsive_breakpoint' ),
			'align' => ! empty( $instance['design']['align'] ) ? $instance['design']['align'] : 'center',
			'mobile_align' => ! empty( $instance['design']['mobile_align'] ) ? $instance['design']['mobile_align'] : 'center',
			'has_button_icon' => empty( $instance['button_icon']['icon_selected'] ) ? 'false' : 'true',
		);

		if ( ! empty( $instance['design']['font'] ) ) {
			$font = siteorigin_widget_get_font( $instance['design']['font'] );
			$less_vars['button_font'] = $font['family'];

			if ( ! empty( $font['weight'] ) ) {
				$less_vars['button_font_weight'] = $font['weight_raw'];
				$less_vars['button_font_style'] = $font['style'];
			}
		}

		return $less_vars;
	}

	/**
	 * Make sure the instance is the most up to date version.
	 *
	 * @return mixed
	 */
	public function modify_instance( $instance ) {
		if ( empty( $instance ) ) {
			return array();
		}

		$migrate_props = array(
			'button_icon' => array(
				'icon_selected',
				'icon_color',
				'icon',
			),
			'design' => array(
				'align',
				'theme',
				'button_color',
				'text_color',
				'hover',
				'hover_text_color',
				'hover_background_color',
				'font_size',
				'rounding',
				'padding',
			),
			'attributes' => array(
				'id',
			),
		);

		foreach ( $migrate_props as $prop => $sub_props ) {
			if ( empty( $instance[ $prop ] ) ) {
				$instance[ $prop ] = array();

				foreach ( $sub_props as $sub_prop ) {
					if ( isset( $instance[ $sub_prop ] ) ) {
						$instance[ $prop ][ $sub_prop ] = $instance[ $sub_prop ];
						unset( $instance[ $sub_prop ] );
					}
				}
			}
		}

		// Migrate onclick setting to prevent Wordfence flag.
		if (
			! empty( $instance['attributes'] ) &&
			! empty( $instance['attributes']['onclick'] )
		) {
			$instance['attributes']['on_click'] = $instance['attributes']['onclick'];
		}

		// If the mobile_align setting isn't set, set it to the same value as the align value.
		if (
			! empty( $instance['design'] ) &&
			! empty( $instance['design']['align'] ) &&
			empty( $instance['design']['mobile_align'] )
		) {
			$instance['design']['mobile_align'] = $instance['design']['align'];
		}

		// Migrate predefined settings to more customizable settings.
		if ( ! empty( $instance['design']['font_size'] ) && is_numeric( $instance['design']['font_size'] ) ) {
			$instance['design']['font_size'] .= 'em';
		}

		if ( ! empty( $instance['design']['padding'] ) && is_numeric( $instance['design']['padding'] ) ) {
			$instance['design']['padding'] .= 'em';
		}

		if ( ! empty( $instance['design']['rounding'] ) && is_numeric( $instance['design']['rounding'] ) ) {
			$instance['design']['rounding'] = $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em';
		}

		if ( empty( $instance['design']['icon_size'] ) ) {
			$instance['design']['icon_size'] = '1.3em';
		}

		return $instance;
	}

	public function get_form_teaser() {
		if ( class_exists( 'SiteOrigin_Premium' ) ) {
			return false;
		}

		return array(
			sprintf(
				__( 'Add a beautiful tooltip to the Button Widget with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
				'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/tooltip" target="_blank" rel="noopener noreferrer">',
				'</a>'
			),
		);
	}
}

siteorigin_widget_register( 'sow-button', __FILE__, 'SiteOrigin_Widget_Button_Widget' );<!DOCTYPE html>
<html lang="en-US">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://klecet.edu.in/alumni/xmlrpc.php" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300,600,700,800" rel="stylesheet" type="text/css">
<title>I opinion such programs to be sure games use HTML5 technical to have an optimal user experience &#8211; Alumni</title>
<meta name='robots' content='max-image-preview:large' />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Feed" href="http://klecet.edu.in/alumni/feed/" />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Comments Feed" href="http://klecet.edu.in/alumni/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; I opinion such programs to be sure games use HTML5 technical to have an optimal user experience Comments Feed" href="http://klecet.edu.in/alumni/i-opinion-such-programs-to-be-sure-games-use-html5-technical-to-have-an-optimal-user-experience/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="http://klecet.edu.in/alumni/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fklecet.edu.in%2Falumni%2Fi-opinion-such-programs-to-be-sure-games-use-html5-technical-to-have-an-optimal-user-experience%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="http://klecet.edu.in/alumni/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fklecet.edu.in%2Falumni%2Fi-opinion-such-programs-to-be-sure-games-use-html5-technical-to-have-an-optimal-user-experience%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='rm_material_icons-css' href='http://klecet.edu.in/alumni/wp-content/plugins/custom-registration-form-builder-with-submission-manager/admin/css/material-icons.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='http://klecet.edu.in/alumni/wp-includes/css/dashicons.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='menu-icons-extra-css' href='http://klecet.edu.in/alumni/wp-content/plugins/menu-icons/css/extra.min.css?ver=0.13.14' type='text/css' media='all' />
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='http://klecet.edu.in/alumni/wp-includes/css/dist/block-library/style.min.css?ver=6.9.4' type='text/css' media='all' />

<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='avs-min-css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/css/avartanslider.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='avs-basic-tools-css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/css/basic-tools-min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://klecet.edu.in/alumni/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.6' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/custom-frontend-login-registration-form/bootstrap/css/bootstrap.css?ver=6.9.4' type='text/css' media='screen' />
<link rel='stylesheet' id='flat-ui-kit-css' href='http://klecet.edu.in/alumni/wp-content/plugins/custom-frontend-login-registration-form/css/flat-ui.css?ver=6.9.4' type='text/css' media='screen' />
<link rel='stylesheet' id='ditty-news-ticker-font-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/libs/fontastic/styles.css?ver=3.1.52' type='text/css' media='all' />
<link rel='stylesheet' id='ditty-news-ticker-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/css/style.css?ver=3.1.52' type='text/css' media='all' />
<link rel='stylesheet' id='ditty-displays-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/build/dittyDisplays.css?ver=3.1.52' type='text/css' media='all' />
<link rel='stylesheet' id='ditty-fontawesome-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/includes/libs/fontawesome-6.4.0/css/all.css?ver=6.4.0' type='text/css' media='' />
<link rel='stylesheet' id='wp_html5video_css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/css/video-js.css?ver=2.8.7.1' type='text/css' media='all' />
<link rel='stylesheet' id='wp_html5video_colcss-css' href='http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/css/video-style.css?ver=2.8.7.1' type='text/css' media='all' />
<link rel='stylesheet' id='wpos-magnific-popup-style-css' href='http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/css/magnific-popup.css?ver=2.8.7.1' type='text/css' media='all' />
<link rel='stylesheet' id='style_login_widget-css' href='http://klecet.edu.in/alumni/wp-content/plugins/login-sidebar-widget/css/style_login_widget.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='nirvanas-fonts-css' href='http://klecet.edu.in/alumni/wp-content/themes/nirvana/fonts/fontfaces.css?ver=1.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='nirvanas-css' href='http://klecet.edu.in/alumni/wp-content/themes/nirvana/style.css?ver=1.2.5' type='text/css' media='all' />
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" id="avs-min-js-js-extra">
/* <![CDATA[ */
var avs_loader_array = {"loader1":"\u003Cimg data-loader-style=\"loader1\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader1.gif\"\u003E","loader2":"\u003Cimg data-loader-style=\"loader2\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader2.gif\"\u003E","loader3":"\u003Cimg data-loader-style=\"loader3\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader3.gif\"\u003E","loader4":"\u003Cimg data-loader-style=\"loader4\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader4.gif\"\u003E","loader5":"\u003Cimg data-loader-style=\"loader5\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader5.gif\"\u003E","loader6":"\u003Cimg data-loader-style=\"loader6\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader6.gif\"\u003E"};
//# sourceURL=avs-min-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/js/avartanslider.min.js?ver=6.9.4" id="avs-min-js-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/login-sidebar-widget/js/jquery.validate.min.js?ver=6.9.4" id="jquery.validate.min-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/login-sidebar-widget/js/additional-methods.js?ver=6.9.4" id="additional-methods-js"></script>
<link rel="https://api.w.org/" href="http://klecet.edu.in/alumni/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="http://klecet.edu.in/alumni/wp-json/wp/v2/posts/26848" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://klecet.edu.in/alumni/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<link rel="canonical" href="http://klecet.edu.in/alumni/i-opinion-such-programs-to-be-sure-games-use-html5-technical-to-have-an-optimal-user-experience/" />
<link rel='shortlink' href='http://klecet.edu.in/alumni/?p=26848' />
<style></style><style type="text/css"> #header-container { width: 1200px;} #header-container, #access >.menu, #forbottom, #colophon, #footer-widget-area, #topbar-inner, .ppbox, #pp-afterslider #container, #breadcrumbs-box { max-width: 1200px; } #container.one-column { } #container.two-columns-right #secondary { width:300px; float:right; } #container.two-columns-right #content { width:810px; float:left; } /*fallback*/ #container.two-columns-right #content { width:calc(100% - 330px); float:left; } #container.two-columns-left #primary { width:300px; float:left; } #container.two-columns-left #content { width:810px; float:right; } /*fallback*/ #container.two-columns-left #content { width:-moz-calc(100% - 330px); float:right; width:-webkit-calc(100% - 330px); width:calc(100% - 330px); } #container.three-columns-right .sidey { width:150px; float:left; } #container.three-columns-right #primary { margin-left:30px; margin-right:30px; } #container.three-columns-right #content { width:780px; float:left; } /*fallback*/ #container.three-columns-right #content { width:-moz-calc(100% - 360px); float:left; width:-webkit-calc(100% - 360px); width:calc(100% - 360px);} #container.three-columns-left .sidey { width:150px; float:left; } #container.three-columns-left #secondary {margin-left:30px; margin-right:30px; } #container.three-columns-left #content { width:780px; float:right;} /*fallback*/ #container.three-columns-left #content { width:-moz-calc(100% - 360px); float:right; width:-webkit-calc(100% - 360px); width:calc(100% - 360px); } #container.three-columns-sided .sidey { width:150px; float:left; } #container.three-columns-sided #secondary { float:right; } #container.three-columns-sided #content { width:780px; float:right; /*fallback*/ width:-moz-calc(100% - 360px); float:right; width:-webkit-calc(100% - 360px); float:right; width:calc(100% - 360px); float:right; margin: 0 180px 0 -1140px; } body { font-family: Source Sans Pro; } #content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title { font-family: inherit; } .widget-title, .widget-title a { line-height: normal; font-family: inherit; } .widget-container, .widget-container a { font-family: inherit; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #comments #reply-title, .nivo-caption h2, #front-text1 h1, #front-text2 h1, h3.column-header-image { font-family: inherit; } #site-title span a { font-family: inherit; } #access ul li a, #access ul li a span { font-family: inherit; } body { color: #555555; background-color: #FFFFFF } a { color: #1EC8BB; } a:hover,.entry-meta span a:hover, .comments-link a:hover, body.coldisplay2 #front-columns a:active { color: #CB5920; } a:active {background-color:#CB5920; color:#FFFFFF; } .entry-meta a:hover, .widget-container a:hover, .footer2 a:hover { border-bottom-color: #CCCCCC; } .sticky h2.entry-title a {background-color:#1EC8BB; color:#FFFFFF;} #header { background-color: ; } #site-title span a { color:#1EC8BB; } #site-description { color:#666666; } .socials a:hover .socials-hover { background-color: #1EC8BB; } .socials-hover { background-color: #ADBF2D; } /* Main menu top level */ #access a, #nav-toggle span { color: #EEEEEE; } #access, #nav-toggle, #access ul li {background-color: #3A3B3D; } #access > .menu > ul > li > a > span { } #access ul li:hover {background-color: #1EC8BB; color:#FFFFFF; } #access ul > li.current_page_item , #access ul > li.current-menu-item , #access ul > li.current_page_ancestor , #access ul > li.current-menu-ancestor { background-color: #47484a; } /* Main menu Submenus */ #access ul ul li, #access ul ul { background-color:#1EC8BB; } #access ul ul li a {color:#FFFFFF} #access ul ul li:hover {background:#2cd6c9} #breadcrumbs {background:#f5f5f5} #access ul ul li.current_page_item, #access ul ul li.current-menu-item, #access ul ul li.current_page_ancestor , #access ul ul li.current-menu-ancestor { background-color:#2cd6c9; } #topbar { background-color: #FFFFFF; border-bottom-color:#ebebeb; } .menu-header-search .searchform {background: #F7F7F7;} .topmenu ul li a, .search-icon:before { color: #999999; } .topmenu ul li a:hover { color: #FFFFFF; background-color: #1EC8BB; } .search-icon:hover:before { color: #1EC8BB; } #main { background-color: #FFFFFF; } #author-info, #entry-author-info, .page-title { border-color: #CCCCCC; } .page-title-text {border-color: #CB5920; } .page-title span {border-color: #1EC8BB; } #entry-author-info #author-avatar, #author-info #author-avatar { border-color: #EEEEEE; } .avatar-container:before {background-color:#CB5920;} .sidey .widget-container { color: #555555; background-color: ; } .sidey .widget-title { color: #CB5920; background-color: ;border-color:#CCCCCC;} .sidey .widget-container a {color:;} .sidey .widget-container a:hover {color:;} .widget-title span {border-color:#CB5920;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #444444; } .entry-title, .entry-title a { color: #444444; } .entry-title a:hover { color: #000000; } #content span.entry-format { color: #CCCCCC; } #footer { color: #AAAAAA; background-color: #F5F5F5; } #footer2 { color: #AAAAAA; background-color: #3A3B3D; } #sfooter-full { background-color: #353638; } .footermenu ul li { border-color: #494a4c; } .footermenu ul li:hover { border-color: #5d5e60; } #footer a { color: ; } #footer a:hover { color: ; } #footer2 a, .footermenu ul li:after { color: ; } #footer2 a:hover { color: ; } #footer .widget-container { color: #555555; background-color: ; } #footer .widget-title { color: #CB5920; background-color: ;border-color:#CCCCCC;} a.continue-reading-link { color:#1EC8BB; border-color:#1EC8BB; } a.continue-reading-link:hover { background-color:#1EC8BB !important; color:#FFFFFF !important; } #cryout_ajax_more_trigger {border:1px solid #CCCCCC; } #cryout_ajax_more_trigger:hover {background-color:#F7F7F7;} a.continue-reading-link i.icon-right-dir {color:#1EC8BB} a.continue-reading-link:hover i.icon-right-dir {color:#FFFFFF} .page-link a, .page-link > span > em {border-color:#CCCCCC} .columnmore a {background:#CB5920;color:#F7F7F7} .columnmore a:hover {background:#1EC8BB;} .file, .button, #respond .form-submit input#submit, input[type="submit"], input[type="reset"] { background-color: #FFFFFF; border-color: #CCCCCC; } .file:hover, .button:hover, #respond .form-submit input#submit:hover { background-color: #F7F7F7; } .entry-content tr th, .entry-content thead th { color: #444444; } #content tr th { background-color: #1EC8BB;color:#FFFFFF; } #content tr.even { background-color: #F7F7F7; } hr { background-color: #CCCCCC; } input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select, input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] { /*background-color: #F7F7F7;*/ border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC; color: #555555; } input[type="submit"], input[type="reset"] { color: #555555; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="range"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover { background-color: rgba(247,247,247,0.4); } .entry-content code {background-color:#F7F7F7; border-color: rgba(30,200,187,0.1);} .entry-content pre { border-color: #CCCCCC;} abbr, acronym { border-color: #555555; } .comment-meta a { color: #999999; } #respond .form-allowed-tags { color: #999999; } .reply a{ border-color: #EEEEEE; } .reply a:hover {color: #1EC8BB; } .entry-meta {border-color:#EEEEEE;} .entry-meta .icon-metas:before {color:#CB5920;} .entry-meta span a, .comments-link a {color:;} .entry-meta span a:hover, .comments-link a:hover {color:;} .entry-meta span, .entry-utility span, .footer-tags {color:#999999;} .nav-next a:hover, .nav-previous a:hover {background:#1EC8BB;color:#FFFFFF;} .pagination { border-color:#ededed;} .pagination a:hover { background: #CB5920;color: #FFFFFF ;} h3#comments-title {border-color:#CCCCCC} h3#comments-title span {background: #1EC8BB;color: #FFFFFF ;} .comment-details {border-color:#EEEEEE} .searchform input[type="text"] {color:#999999;} .searchform:after {background-color:#CB5920;} .searchform:hover:after {background-color:#1EC8BB;} .searchsubmit[type="submit"] {color:#F7F7F7} li.menu-main-search .searchform .s {background-color:#FFFFFF;} li.menu-main-search .searchsubmit[type="submit"] {color:#999999;} .caption-accented .wp-caption { background-color:rgba(30,200,187,0.8); color:#FFFFFF;} .nirvana-image-one .entry-content img[class*='align'],.nirvana-image-one .entry-summary img[class*='align'], .nirvana-image-two .entry-content img[class*='align'],.nirvana-image-two .entry-summary img[class*='align'] { border-color:#1EC8BB;} #content p, #content ul, #content ol, #content, .ppbox { text-align:Default ; } #content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox , .navigation, #content dl, #content { font-size:18px;line-height:1.8em; word-spacing:Default; letter-spacing:Default; } #content h1.entry-title, #content h2.entry-title { font-size:42px ;} .widget-title, .widget-title a { font-size:22px ;} .widget-container, .widget-container a { font-size:18px ;} #content .entry-content h1, #pp-afterslider h1 { font-size: 42px;} #content .entry-content h2, #pp-afterslider h2 { font-size: 36px;} #content .entry-content h3, #pp-afterslider h3 { font-size: 31px;} #content .entry-content h4, #pp-afterslider h4 { font-size: 26px;} #content .entry-content h5, #pp-afterslider h5 { font-size: 21px;} #content .entry-content h6, #pp-afterslider h6 { font-size: 16px;} #site-title span a { font-size:46px ;} #access ul li a { font-size:14px ;} #access ul ul ul a {font-size:12px;} .nocomments, .nocomments2 {display:none;} #header-container > div { margin:35px 0 0 0px;} #content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 1.0em; } article footer.entry-meta {display:none;} #toTop:hover .icon-back2top:before {color:#CB5920;} #main {margin-top:5px; } #forbottom {padding-left: 0px; padding-right: 0px;} #header-widget-area { width: 33%; } #branding { height:150px; } </style> 
<style type="text/css">/* Nirvana Custom CSS */</style>
<link rel="icon" href="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-32x32.png" sizes="32x32" />
<link rel="icon" href="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-180x180.png" />
<meta name="msapplication-TileImage" content="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-270x270.png" />
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
<![endif]-->
<script type="text/javascript">
function makeDoubleDelegate(function1, function2) {
    return function() { if (function1) function1(); if (function2) function2(); }
}
function nirvana_onload() {
 jQuery(".entry-content").fitVids(); };
window.onload = makeDoubleDelegate(window.onload, nirvana_onload );
jQuery(document).ready(function(){
 nirvana_mobilemenu_init(); });
</script>
<link rel='stylesheet' id='nirvana-mobile-css' href='http://klecet.edu.in/alumni/wp-content/themes/nirvana/styles/style-mobile.css?ver=1.2.5' type='text/css' media='all' />

</head>
<body class="wp-singular post-template-default single single-post postid-26848 single-format-standard wp-theme-nirvana nirvana-image-one caption-simple nirvana-menu-left">


<div id="wrapper" class="hfeed">
<!--<div id="topbar" ><div id="topbar-inner"> <div class="socials" id="sheader">
			<a  target="_blank"  href="https://www.facebook.com/klecet.chikodi"
			class="socialicons social-Facebook" title="Facebook">
				<img alt="Facebook" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Facebook.png" />
			</a>
			<a  target="_blank"  href="https://twitter.com/klecet_chikodi"
			class="socialicons social-Twitter" title="Twitter">
				<img alt="Twitter" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Twitter.png" />
			</a>
			<a  target="_blank"  href="https://plus.google.com/+KLECollegeofEnggTechChikodi"
			class="socialicons social-GooglePlus" title="GooglePlus">
				<img alt="GooglePlus" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/GooglePlus.png" />
			</a>
			<a  target="_blank"  href="#"
			class="socialicons social-Flickr" title="Flickr">
				<img alt="Flickr" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Flickr.png" />
			</a>
			<a  target="_blank"  href="https://www.youtube.com/channel/UC0_XD878YUn8ARJqBcuLOPQ"
			class="socialicons social-YouTube" title="YouTube">
				<img alt="YouTube" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/YouTube.png" />
			</a></div> </div></div>-->
<div class="socials" id="srights">
			<a  target="_blank"  href="https://www.facebook.com/klecet.chikodi"
			class="socialicons social-Facebook" title="Facebook">
				<img alt="Facebook" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Facebook.png" />
			</a>
			<a  target="_blank"  href="https://twitter.com/klecet_chikodi"
			class="socialicons social-Twitter" title="Twitter">
				<img alt="Twitter" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Twitter.png" />
			</a>
			<a  target="_blank"  href="https://plus.google.com/+KLECollegeofEnggTechChikodi"
			class="socialicons social-GooglePlus" title="GooglePlus">
				<img alt="GooglePlus" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/GooglePlus.png" />
			</a>
			<a  target="_blank"  href="#"
			class="socialicons social-Flickr" title="Flickr">
				<img alt="Flickr" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Flickr.png" />
			</a>
			<a  target="_blank"  href="https://www.youtube.com/channel/UC0_XD878YUn8ARJqBcuLOPQ"
			class="socialicons social-YouTube" title="YouTube">
				<img alt="YouTube" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/YouTube.png" />
			</a></div>
<div id="header-full">
	<header id="header">
		<div id="masthead">
					<div id="branding" role="banner" >
				<img id="bg_image" alt="" title="" src="http://klecet.edu.in/alumni/wp-content/uploads/2017/03/College-head-1.gif"  /><div id="header-container"><div class="site-identity"><div id="site-title"><span> <a href="http://klecet.edu.in/alumni/" title="Alumni" rel="home">Alumni</a> </span></div><div id="site-description" >KLECET, Chikodi</div></div></div>								<div style="clear:both;"></div>
			</div><!-- #branding -->
			<a id="nav-toggle"><span>&nbsp;</span></a>
			<nav id="access" role="navigation">
				<div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div>
<div class="menu"><ul id="prime_nav" class="menu"><li id="menu-item-24" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-24"><a href="http://klecet.edu.in/alumni/"><span><i class="_mi _before dashicons dashicons-admin-home" aria-hidden="true"></i><span>h</span></span></a></li>
<li id="menu-item-614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-614"><a href="http://klecet.edu.in/alumni/home/"><span>Home</span></a></li>
<li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://klecet.edu.in/alumni/about-alumni/"><span>About Alumni</span></a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://klecet.edu.in/alumni/gallery/"><span>Gallery</span></a></li>
<li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://klecet.edu.in/alumni/events/"><span>Events</span></a></li>
<li id="menu-item-130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="http://klecet.edu.in/alumni/contact/"><span>Contact</span></a></li>
<li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="http://klecet.edu.in/alumni/login/"><span>Login</span></a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://klecet.edu.in/alumni/register/"><span>Register</span></a></li>
</ul></div>			</nav><!-- #access -->
			
			
		</div><!-- #masthead -->
	</header><!-- #header -->
</div><!-- #header-full -->

<div style="clear:both;height:0;"> </div>
<div id="breadcrumbs"><div id="breadcrumbs-box"><a href="http://klecet.edu.in/alumni"><i class="icon-homebread"></i></a><i class="icon-angle-right"></i> <a href="http://klecet.edu.in/alumni/category/uncategorized/">Uncategorized</a> <i class="icon-angle-right"></i> <span class="current">I opinion such programs to be sure games use HTML5 technical to have an optimal user experience</span></div></div><div id="main">
		<div id="toTop"><i class="icon-back2top"></i> </div>	<div  id="forbottom cust_slider" >
		
		<div style="clear:both;"> </div>
		<section id="container" class="one-column">
			<div id="content" role="main">
						

				<div id="post-26848" class="post-26848 post type-post status-publish format-standard hentry category-uncategorized">
					<h1 class="entry-title">I opinion such programs to be sure games use HTML5 technical to have an optimal user experience</h1>
										<div class="entry-meta">
						<span class="author vcard" ><i class="icon-author icon-metas" title="Author "></i> 
				<a class="url fn n" rel="author" href="http://klecet.edu.in/alumni/author/admin/" title="View all posts by admin">admin</a></span><span>
						<i class="icon-time icon-metas" title="Date"></i>
						<time class="onDate date published" datetime="2026-05-15T12:26:02+00:00">
							<a href="http://klecet.edu.in/alumni/i-opinion-such-programs-to-be-sure-games-use-html5-technical-to-have-an-optimal-user-experience/" rel="bookmark">May 15, 2026</a>
						</time>
					</span><time class="updated"  datetime="2026-05-15T12:26:03+00:00">May 15, 2026</time><span class="bl_categ"><i class="icon-folder-open icon-metas" title="Categories"></i><a href="http://klecet.edu.in/alumni/category/uncategorized/" rel="tag">Uncategorized</a></span> 					</div><!-- .entry-meta -->

					<div class="entry-content">
						<p>It has beneficial offers including acceptance bonuses, cashback also offers, deposit bonuses, and a very important totally free revolves added bonus to utilize along the platform&#8217;s variety of position headings. For example, debit cards such Visa and Charge card is very nearly constantly accepted free of charge revolves bonuses, however, bring most slow distributions than just e-wallets and you will mobile choices. With the exception of no-deposit totally free spins, 100 % free spins bonuses incorporate the absolute minimum amount of money that you must loans your account with and you will/or wager to have them. When you find yourself totally free spins bonuses bring good value to help you slots players, we realize you to definitely some gamblers must discuss most other solutions.</p>
<p>Yes, you&#8217;ll enjoy 200 extra spins, but you can along with put matches 100% to $750 and have a no cost turn on the latest claw get Extra Crab game. We&#8217;ve got tested for each and every totally free spins extra, making certain all of them are since nice as they are obtainable and reasonable.</p>
<p>Someone think that simply because a <a href="https://hollandcasino-login.com/nl-nl/">holland casino bonus zonder storting</a> plus features betting criteria, it&#8217;s not worthy of claiming, however if you are a slots fan, it is worth claiming a free of charge revolves bonus. You can find the full directory of verified no-deposit free spins also provides to your our very own 100 % free revolves no-deposit webpage, updated everyday. Yet not, it&#8217;s still important to play sensibly, since you&#8217;ll sooner or later put your financing.</p>
<h2>Very casino games explore Haphazard Amount Generator (RNG) technology to be sure effects was independently calculated</h2>
<p>Professionals have access to various position game, Megaways headings, jackpot harbors and you can Slingo video game with this platform. Members can select from popular on the internet fee alternatives, having clear suggestions offered towards processing moments and one appropriate limitations. These offers range between a casino acceptance added bonus for brand new participants, constant position offers, and you can picked headings having 100 % free twist perks.</p>
<h2>Every gambling establishment totally free spins promote has its own limits</h2>
<p>As a result of acquiring free revolves no-deposit also offers, you have the opportunities one to members often stumble on conditions and terms attached to anything that they may victory. These can are very different across the local casino websites, very constantly evaluate the newest readily available free spins no deposit even offers. Therefore, for additional information on the fresh no-deposit free revolves has the benefit of you could claim and you may in which, continue reading for the! Don&#8217;t be concerned, we knew you&#8217;re coming, therefore we have all the new free spins no-deposit also provides, updated regularly, so you can always find something so you&#8217;re able to claim. Like that, I can be certain that my dumps meet the criteria for all available free revolves even offers while watching exact same-day profits.�</p>
<p>Research the list lower than to discover the current around the world online casinos which have 100 % free spins offers. With respect to the 100 % free spins promotion you are claiming, certain might have certain position titles as part of the T&#038;CS, while others could possibly be used for the any position. You ought to see 100 % free revolves now offers towards low betting criteria. See the worth of the fresh totally free spins no deposit promotion one can be obtained, and constantly read the wagering criteria! Whether you&#8217;re seeking no deposit 100 % free spins, or free spins rather than wagering, it is possible to get the best 100 % free revolves web based casinos you to definitely fit your choices.</p>
<p>You&#8217;ll be able to usually see 100 % free revolves no-deposit bonuses given while the respect benefits if you don&#8217;t within almost every other enough time-powering advertisements. Which includes 100 % free revolves incentives you will profit �added bonus bucks�, you could after that use into the other video game to victory real currency. Along with other bonuses, you have a range of headings to choose from and rehearse enhance added bonus revolves.</p>
<p>Of numerous gambling enterprise added bonus terms were another maximum wager maximum while you are you may be clearing wagering. Extremely totally free revolves also provides restrict play to specific ports chosen from the the fresh user, such as Starburst, Book off Dry, or Larger Bass Bonanza. Particular zero-put incentives limit distributions from the ?25�?100, when you are put-established otherwise VIP totally free spins can get enable it to be ?250�?five-hundred, otherwise no maximum at all!</p>
<p>Whether you&#8217;re not used to casinos on the internet otherwise a loyal lover, PlayStar features the fun upcoming every day. Because totally free revolves is actually tied to daily advantages unlike a fixed greeting package, this guarantees ongoing wedding and you can thrill having typical participants. PlayStar Casino stands out having its every single day totally free revolves promotions, giving members uniform possibilities to win to the preferred position game. We simply cannot feel held responsible to have third-group website issues, and don&#8217;t condone gambling in which it�s blocked. Casinos, in addition, like all of them since the giving out no-put 100 % free revolves is a superb technique for appealing users to try out the latest games and construct upwards a dedicated ft away from regular clients.</p>
<p>No-deposit incentives will likely be a great way to speak about gambling enterprises instead of purchasing your own money. Overall, the fresh new 150 no deposit totally free revolves venture is among the most big even offers in the uk parece, and ports, table game, live broker titles, and exclusive releases out of developers like Evolution, Practical Gamble, and you will Game Worldwide.</p>
											</div><!-- .entry-content -->


					<footer class="entry-meta">
						<span class="bl_bookmark"><i class="icon-bookmark icon-metas" title=" Bookmark the permalink"></i> <a href="http://klecet.edu.in/alumni/i-opinion-such-programs-to-be-sure-games-use-html5-technical-to-have-an-optimal-user-experience/" title="Permalink to I opinion such programs to be sure games use HTML5 technical to have an optimal user experience" rel="bookmark"> Bookmark</a>.</span>											</footer><!-- .entry-meta -->
				</div><!-- #post-## -->

				<div id="nav-below" class="navigation">
					<div class="nav-previous"><a href="http://klecet.edu.in/alumni/i-have-found-one-to-realprize-casino-helps-connection-the-new-hold-off-with-5000-gc-and-you-can-0/" rel="prev"><i class="icon-left-dir"></i> I have found one to RealPrize Casino helps connection the new hold off with 5,000 GC and you can 0</a></div>
					<div class="nav-next"><a href="http://klecet.edu.in/alumni/many-of-those-systems-is-actually-ideal-crypto-casinos-they-will-not-render-zero-put-bonuses/" rel="next">Many of those systems is actually ideal crypto casinos, they will not render zero-put bonuses <i class="icon-right-dir"></i></a></div>
				</div><!-- #nav-below -->

				 <div id="comments" class="hideme">  <p class="nocomments">Comments are closed</p> </div><!-- #comments -->


						</div><!-- #content -->
			</section><!-- #container -->

	<div style="clear:both;"></div>
	</div> <!-- #forbottom -->


	<footer id="footer" role="contentinfo">
		<div id="colophon">
		
			
			
		</div><!-- #colophon -->

		<div id="footer2">
			<div id="footer2-inside">
			 
			<p class="cust_footer">© KLECET, All Rights reserved.Powered By <a href="http://manomayasoft.com">Manomaya</a></p>
<p class="cust_footer_social">
<a href="https://www.facebook.com/klecet.chikodi" target="_blank"><i class="fa fa-facebook"></i></a> 
<a href="https://twitter.com/klecet_chikodi" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://plus.google.com/+KLECollegeofEnggTechChikodi/posts" target="_blank"><i class="fa fa-google-plus"></i></a>
<a href="http://linkedin.com" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.youtube.com/channel/UC0_XD878YUn8ARJqBcuLOPQ" target="_blank"><i class="fa fa-youtube-play"></i></a>
</p>
			</div> <!-- #footer2-inside -->
		</div><!-- #footer2 -->

	</footer><!-- #footer -->

	</div><!-- #main -->
</div><!-- #wrapper -->


<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/alumni/*"},{"not":{"href_matches":["/alumni/wp-*.php","/alumni/wp-admin/*","/alumni/wp-content/uploads/*","/alumni/wp-content/*","/alumni/wp-content/plugins/*","/alumni/wp-content/themes/nirvana/*","/alumni/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http://klecet.edu.in/alumni/wp-json/contact-form-7/v1","namespace":"contact-form-7/v1"}};
//# sourceURL=contact-form-7-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.6" id="contact-form-7-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/js/swiped-events.min.js?ver=1.1.4" id="swiped-events-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script>
<script type="text/javascript" id="ditty-news-ticker-js-extra">
/* <![CDATA[ */
var mtphr_dnt_vars = {"is_rtl":""};
//# sourceURL=ditty-news-ticker-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/js/ditty-news-ticker.js?ver=3.1.52" id="ditty-news-ticker-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/js/video.js?ver=2.8.7.1" id="wp-html5video-js-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/js/frontend.js?ver=1.2.5" id="cryout-frontend-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/comment-reply.min.js?ver=6.9.4" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"http://klecet.edu.in/alumni/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=http://klecet.edu.in/alumni/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
<script type="text/javascript">var cryout_global_content_width = 900;</script>
</body>
</html>