<div class="wep-container">

	<ul class="wep-providers">

		<li class="upload">
			<a href="#" data-provider="upload">
				<i class="fa fa-upload"></i>

				<?php _e( 'Upload', 'wp-embedder-pack' ) ?>
			</a>
		</li>

		<li class="custom-url">
			<a href="#" data-provider="custom_url">
				<i class="fa fa-link"></i>

				<?php _e( 'Custom URL', 'wp-embedder-pack' ) ?>
			</a>
		</li>

		<li class="google-drive">
			<a href="#" data-provider="google" class="<?php echo wep_google_drive_api() ? '': ' disabled'  ?>">
			<span class="google-drive-icon icon">
				<svg viewBox="0 0 139 120.4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx="-254.81979" cy="705.83588" gradientTransform="matrix(2.827 1.6322 -1.6322 2.827 2092.1199 -1494.5786)" gradientUnits="userSpaceOnUse" r="82.978401"><stop offset="0" stop-color="#4387fd"/><stop offset=".65" stop-color="#3078f0"/><stop offset=".9099" stop-color="#2b72ea"/><stop offset="1" stop-color="#286ee6"/></radialGradient><radialGradient id="b" cx="-254.8174" cy="705.83691" gradientTransform="matrix(2.827 1.6322 -1.6322 2.827 2092.1199 -1494.5786)" gradientUnits="userSpaceOnUse" r="82.973"><stop offset="0" stop-color="#ffd24d"/><stop offset="1" stop-color="#f6c338"/></radialGradient><path d="m24.2 120.4-24.2-41.9 45.3-78.5 24.2 41.9z" fill="#0da960"/><path d="m24.2 120.4 24.2-41.9h90.6l-24.2 41.9z" fill="url(#a)"/><path d="m139 78.5h-48.4l-45.3-78.5h48.4z" fill="url(#b)"/><path d="m69.5 78.5h-21.1l10.5-18.3-34.7 60.2z" fill="#2d6fdd"/><path d="m90.6 78.5h48.4l-58.9-18.3z" fill="#e5b93c"/><path d="m58.9 60.2 10.6-18.3-24.2-41.9z" fill="#0c9b57"/></svg>
			</span>

				<?php _e( 'Google Drive', 'wp-embedder-pack' ) ?>
			</a>
		</li>

		<li class="dropbox">
			<a href="#" data-provider="dropbox" class="<?php echo wep_dropbox_api() ? '': ' disabled'  ?>">
				<i class="fa fa-dropbox"></i>

				<?php _e( 'Dropbox', 'wp-embedder-pack' ) ?>
			</a>
		</li>
	</ul>
</div>