/*
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="https://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>The Founding of YouTube A Short History &#8211; Alumni</title>
<meta name='robots' content='max-image-preview:large' />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Feed" href="https://klecet.edu.in/alumni/feed/" />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Comments Feed" href="https://klecet.edu.in/alumni/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; The Founding of YouTube A Short History Comments Feed" href="https://klecet.edu.in/alumni/the-founding-of-youtube-a-short-history-2/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://klecet.edu.in/alumni/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fklecet.edu.in%2Falumni%2Fthe-founding-of-youtube-a-short-history-2%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://klecet.edu.in/alumni/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fklecet.edu.in%2Falumni%2Fthe-founding-of-youtube-a-short-history-2%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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://klecet.edu.in/alumni/wp-content/themes/nirvana/style.css?ver=1.2.5' type='text/css' media='all' />
<script type="text/javascript" src="https://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="https://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=\"https://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader1.gif\"\u003E","loader2":"\u003Cimg data-loader-style=\"loader2\" src=\"https://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader2.gif\"\u003E","loader3":"\u003Cimg data-loader-style=\"loader3\" src=\"https://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader3.gif\"\u003E","loader4":"\u003Cimg data-loader-style=\"loader4\" src=\"https://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader4.gif\"\u003E","loader5":"\u003Cimg data-loader-style=\"loader5\" src=\"https://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader5.gif\"\u003E","loader6":"\u003Cimg data-loader-style=\"loader6\" src=\"https://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="https://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="https://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="https://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="https://klecet.edu.in/alumni/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://klecet.edu.in/alumni/wp-json/wp/v2/posts/231110" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://klecet.edu.in/alumni/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<link rel="canonical" href="https://klecet.edu.in/alumni/the-founding-of-youtube-a-short-history-2/" />
<link rel='shortlink' href='https://klecet.edu.in/alumni/?p=231110' />
<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="https://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-32x32.png" sizes="32x32" />
<link rel="icon" href="https://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-180x180.png" />
<meta name="msapplication-TileImage" content="https://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='https://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-231110 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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://klecet.edu.in/alumni"><i class="icon-homebread"></i></a><i class="icon-angle-right"></i> <a href="https://klecet.edu.in/alumni/category/uncategorized/">Uncategorized</a> <i class="icon-angle-right"></i> <span class="current">The Founding of YouTube A Short History</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-231110" class="post-231110 post type-post status-publish format-standard hentry category-uncategorized">
					<h1 class="entry-title">The Founding of YouTube A Short History</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="https://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-06-22T23:58:29+00:00">
							<a href="https://klecet.edu.in/alumni/the-founding-of-youtube-a-short-history-2/" rel="bookmark">June 22, 2026</a>
						</time>
					</span><time class="updated"  datetime="2026-06-23T10:59:09+00:00">June 23, 2026</time><span class="bl_categ"><i class="icon-folder-open icon-metas" title="Categories"></i><a href="https://klecet.edu.in/alumni/category/uncategorized/" rel="tag">Uncategorized</a></span> 					</div><!-- .entry-meta -->

					<div class="entry-content">
						<p><a href="https://www.youtube.com/">YouTube</a>&nbsp;is one of the most influential platforms in modern media, but its origin story is surprisingly simple: a small team wanted an easier way to share video online. In the early 2000s, uploading and sending video files was slow, formats were inconsistent, and most websites weren&rsquo;t built for smooth playback. YouTube&rsquo;s founders focused on removing those barriers&mdash;making video sharing as easy as sending a link.</p>
<h2>Who Founded YouTube?</h2>
<p>YouTube was founded by three former PayPal employees: <strong>Chad Hurley</strong>, <strong>Steve Chen</strong>, and <strong>Jawed Karim</strong>. They combined product thinking, engineering skills, and a clear user goal: create a website where anyone could upload a video and watch it instantly in a browser.</p>
<ul>
<li><strong>Chad Hurley</strong> &mdash; product/design focus and early CEO role</li>
<li><strong>Steve Chen</strong> &mdash; engineering and infrastructure</li>
<li><strong>Jawed Karim</strong> &mdash; engineering and early concept support</li>
</ul>
<h2>The Problem YouTube Solved</h2>
<p>At the time, sharing video often meant emailing huge files or dealing with complicated players and downloads. YouTube made video:</p>
<ol>
<li><strong>Uploadable</strong> by non-experts (simple interface)</li>
<li><strong>Streamable</strong> in the browser (no special setup)</li>
<li><strong>Sharable</strong> through links and embedding on other sites</li>
</ol>
<h2>Early Growth and the First Video</h2>
<p>YouTube launched publicly in 2005. One of the most famous early moments was the first uploaded video, &ldquo;Me at the zoo,&rdquo; featuring co-founder Jawed Karim. The clip was short and casual&mdash;exactly the kind of everyday content that proved the platform&rsquo;s big idea: ordinary people could publish video without needing a studio.</p>
<h2>Key Milestones Timeline</h2>
<table border="1" cellspacing="0" cellpadding="6">
<tbody>
<tr>
<th>Year/Date</th>
<th>Milestone</th>
<th>Why It Mattered</th>
</tr>
<tr>
<td>2005</td>
<td>YouTube is founded and launches</td>
<td>Introduced easy browser-based video sharing</td>
</tr>
<tr>
<td>2005</td>
<td>&ldquo;Me at the zoo&rdquo; is uploaded</td>
<td>Became a symbol of user-generated video culture</td>
</tr>
<tr>
<td>2006</td>
<td>Google acquires YouTube</td>
<td>Provided resources to scale hosting and global reach</td>
</tr>
</tbody>
</table>
<h2>Why Google Bought YouTube</h2>
<p>By 2006, YouTube&rsquo;s traffic was exploding. Video hosting is expensive&mdash;bandwidth and storage costs rise fast when millions of people watch content daily. Google&rsquo;s acquisition gave YouTube the infrastructure and advertising ecosystem to grow into a sustainable business.</p>
<h2>What YouTube&rsquo;s Founding Changed</h2>
<p>YouTube didn&rsquo;t just create a popular website; it reshaped how people learn, entertain themselves, and build careers online. Its founding helped accelerate:</p>
<ul>
<li>Creator-driven media and influencer culture</li>
<li>How-to education and free tutorials at massive scale</li>
<li>Music discovery, commentary, and global community trends</li>
</ul>
<p>From a small startup idea to a global video powerhouse, YouTube&rsquo;s founding is a classic example of a simple product solving a real problem&mdash;and changing the internet in the process.</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="https://klecet.edu.in/alumni/the-founding-of-youtube-a-short-history-2/" title="Permalink to The Founding of YouTube A Short History" rel="bookmark"> Bookmark</a>.</span>											</footer><!-- .entry-meta -->
				</div><!-- #post-## -->

				<div id="nav-below" class="navigation">
					<div class="nav-previous"><a href="https://klecet.edu.in/alumni/einfuhrung-warum-upright-roller-angebote-beilaufig-nach-handen-anfanger-interessant-man-sagt-sie-sind-2/" rel="prev"><i class="icon-left-dir"></i> Einfuhrung: Warum Upright Roller Angebote beilaufig nach handen Anfänger interessant man sagt, sie sind</a></div>
					<div class="nav-next"><a href="https://klecet.edu.in/alumni/ja-altcoins-sind-kryptowahrungen-bezeichnet-diese-auf-diesem-bitcoin-erschienen-sind/" rel="next">Ja Altcoins sind Kryptowahrungen bezeichnet, diese auf diesem Bitcoin erschienen sind <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":"https://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="https://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="https://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="https://klecet.edu.in/alumni/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
<script type="text/javascript" src="https://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="https://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="https://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="https://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="https://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":"https://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=https://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>