/*
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>We come across smooth mobile and you may desktop experience, maybe not clunky patterns &#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; We come across smooth mobile and you may desktop experience, maybe not clunky patterns Comments Feed" href="http://klecet.edu.in/alumni/we-come-across-smooth-mobile-and-you-may-desktop-experience-maybe-not-clunky-patterns/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%2Fwe-come-across-smooth-mobile-and-you-may-desktop-experience-maybe-not-clunky-patterns%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%2Fwe-come-across-smooth-mobile-and-you-may-desktop-experience-maybe-not-clunky-patterns%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/65773" /><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/we-come-across-smooth-mobile-and-you-may-desktop-experience-maybe-not-clunky-patterns/" />
<link rel='shortlink' href='http://klecet.edu.in/alumni/?p=65773' />
<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-65773 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">We come across smooth mobile and you may desktop experience, maybe not clunky patterns</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-65773" class="post-65773 post type-post status-publish format-standard hentry category-uncategorized">
					<h1 class="entry-title">We come across smooth mobile and you may desktop experience, maybe not clunky patterns</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-22T10:45:11+00:00">
							<a href="http://klecet.edu.in/alumni/we-come-across-smooth-mobile-and-you-may-desktop-experience-maybe-not-clunky-patterns/" rel="bookmark">May 22, 2026</a>
						</time>
					</span><time class="updated"  datetime="2026-05-22T10:45:14+00:00">May 22, 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>He leads a talented class away from pro betting analysts and you may sportsbook writers concerned about bringing community-finest experience to North american bettors. Their stuff try geared toward each other novices and you will knowledgeable gamblers, looking to make believe as a result of clear, mission guidance. Which lingering campaign contributes actual really worth and gives bettors greater independency with regards to bankroll along the lasting. Listed below are some our complete range of sportsbook promos in the Canada and you may get a hold of in which Betway lands for the number.</p>
<p>If you are new to this site, realize the Betway subscription guide to establish your bank account As soon as possible! Given the high member ft watching such game, it&#8217;s just a point of time before a critical jackpot is obtained. Additionally, the latest casino periodically even offers special promotions having a finite date, including pictures so you can profit fun trips having Betway, together with potential to have C$ten 100 % free bets. Having places coating over 30 sporting events, Betway even offers plenty of variety having bettors that like to combine things upwards. This makes it a robust selection for hockey admirers who like to go past effortless moneyline bets and address individual member overall performance.</p>
<p>PricedUp work on most other per week totally free revolves offers at the time out of my feedback they were giving 30 100 % free revolves so you can bettors after they wagered ?thirty to your Lucky&#8217;s Crazy Pub. Discover still work to be over just before LottoGo is also challenge particular of <a href="https://cz.moonprincess100.com/">Moon Princess 100 hra</a> competent names, without people ongoing now offers having existing customers and an underwhelming application best regarding my personal wishlist getting transform. They has just up-to-date their allowed provide to make it certainly one of the greatest on slot web sites, thumping up the number of totally free spins of thirty to 100 and combining it which have a deposit matches well worth as much as ?200.</p>
<h2>Into the apps, users have access to the working platform features on the run and savor swift game play</h2>
<p>We assess the user experience into the top the newest position websites UK-large, the focus being precisely how fun and simple the working platform are to make use of. Picking an informed slot sites hinges on judging a good and you can enjoyable experience.</p>
<h2>As you visited and discover another level, you are going to discovered private advertising and you will extra points</h2>
<p>Our very own Betway rating receive a good amount of real time gaming solutions which can suit all kinds of football gamblers. When you register an account with Betway, as with any other greatest playing web sites, you will find access to a lot of constant promotions. Indeed, I have extra it to my personal directory of an informed online gambling enterprises during the Southern area Africa. We pointed out that latest advertising have been the demonstrated across the finest of your own display, and immediately after you to, the software developers&#8217; labels were noted. See a working selection of ideal-ranked slots, in which immersive picture satisfy dazzling winnings, all enhanced from the thrill out of 100 % free revolves advertisements.</p>
<p>Betway cousin web sites provide equivalent high quality enjoy, providing a varied variety of game and you may reputable programs getting profiles seeking to assortment in their gambling options. Regarding the more compact games collection to help you multiple commission methods and you can safeguards actions, Betway brings a secure and you will enjoyable gaming environment getting Canadian profiles. Because it is situated in Ontario, it has in addition protected a posture towards all of our set of the fresh greatest Ontario gambling applications. Getting participants trying to options to your Betway cellular application, here are a few the publication for most of the greatest local casino and sports betting programs. For the within the-enjoy function, members can see every live situations happening right now and you can set punctual bets while the game&#8217;s it�s likely that presented.</p>
<p>It�s perhaps one of the most popular and best known playing web sites today and really worth their when you&#8217;re to try out. You could potentially require their withdrawal becoming corrected on the bank account to cause you to consistently lay wagers. The fresh new court many years to possess playing can also are very different in numerous nations and you will see the regulations in your own country in advance of your apply to enjoy. If you want to try out game in your phone when you are in the sack otherwise travelling, the fresh new cellular apps would be easier. This site and you may mobile networks have been developed and make sports betting because the user friendly that you could. The new campaigns provides clear fine print so there are no invisible requirements.</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/we-come-across-smooth-mobile-and-you-may-desktop-experience-maybe-not-clunky-patterns/" title="Permalink to We come across smooth mobile and you may desktop experience, maybe not clunky patterns" 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-stand-cutting-edge-to-the-current-advancements-in-the-on-the-web-casinos-as-well-as-their-incentive-requirements/" rel="prev"><i class="icon-left-dir"></i> I stand cutting edge to the current advancements in the on the web casinos as well as their incentive requirements</a></div>
					<div class="nav-next"><a href="http://klecet.edu.in/alumni/10-ecu-spielsaal-vermittlungsgebuhr-blos-einzahlung-top-angebote/" rel="next">10 Ecu Spielsaal Vermittlungsgebühr bloß Einzahlung Top Angebote <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>