Please login




<h4>Profile Images</h4>



<div class="row">

	<div class="col-md-4">

		<h5>Profile Image</h5>

		<form action="\wp-content\plugins\vidsocial\templates\vidsocial-profile\vidsocial-profilePhotos-upload.php" method="post" enctype="multipart/form-data">

			Select image to upload:

			<input type="file" name="fileToUpload" id="fileToUpload">

			<input type="submit" value="Upload Image" name="submit">
            <small>Required file type is jpg</small>

		</form>

	</div>

	<div class="col-md-4"> 

		<div class="addNewProfileImg">

			<div class="ProfileImgCrop">

				<div id="ProfileIMG_float" class="ProfileIMG_float" data-rotate="" data-scaley="" data-scalex="" style="width: % ; top: %; left: %; transform: rotate(deg) scaleY() scaleX();">

					<img class="ProfileIMG_base" src="" width="100%" height="auto"/>

				</div>

				<div class="toolbarImg_Profile">

					<button title="Move (M)" class="moveImg_Profile">

						<span class="fa fa-arrows"></span>

					</button>

					<button title="Zoom In (I)" class="zoomINImg_Profile">

						<span class="fa fa-search-plus"></span>

					</button>

					<button title="Zoom Out (O)" class="zoomOutProfile">

						<span class="fa fa-search-minus"></span>

					</button>

					<button title="Rotate Left (L)" class="rotateLeftProfile">

						<span class="fa fa-rotate-left"></span>

					</button>

					<button title="Rotate Right (R)" class="rotateRightProfile">

						<span data-v-18686cfd="" class="fa fa-rotate-right"></span>

					</button>

					<button title="Flip Horizontal (H)" class="flipHorProfile">

						<span class="fa fa-arrows-h"></span>

					</button>

					<button title="Flip Vertical (V)" class="flipVertProfile">

						<span class="fa fa-arrows-v"></span>

					</button>

				</div>

			</div>

		</div>

	</div>

</div>

<br/>

<hr>

<div class="row">

	<div class="col-md-4">

		<h5>Cover Image</h5>

		<form action="\wp-content\plugins\vidsocial\templates\vidsocial-profile\vidsocial-coverPhotos-upload.php" method="post" enctype="multipart/form-data">

			Select image to upload:

			<input type="file" name="fileToUpload" id="fileToUpload">

			<input type="submit" value="Upload Image" name="submit">
            <small>Required file type is jpg</small>

		</form>

		<div>

			<strong>Suggested Size 1380px by 334px</strong>

		</div>

	</div>

	<div class="col-md-8">

		<div class="addNewCoverImg">

			<div class="CoverImgCrop">

				<div id="CoverIMG_float" class="CoverIMG_float" data-rotate="" data-scaley="" data-scalex="" style="width: % ; top: %; left: %; transform: rotate(deg) scaleY() scaleX();">

					<img class="CoverIMG_base" src="" width="100%" height="auto"/>

				</div>

				<div class="toolbarImg_Cover">

					<button title="Move (M)" class="moveImg_Cover">

						<span class="fa fa-arrows"></span>

					</button>

					<button title="Zoom In (I)" class="zoomINImg_Cover">

						<span class="fa fa-search-plus"></span>

					</button>

					<button title="Zoom Out (O)" class="zoomOutCover">

						<span class="fa fa-search-minus"></span>

					</button>

					<button title="Rotate Left (L)" class="rotateLeftCover">

						<span class="fa fa-rotate-left"></span>

					</button>

					<button title="Rotate Right (R)" class="rotateRightCover">

						<span class="fa fa-rotate-right"></span>

					</button>

					<button title="Flip Horizontal (H)" class="flipHorCover">

						<span class="fa fa-arrows-h"></span>

					</button>

					<button title="Flip Vertical (V)" class="flipVertCover">

						<span class="fa fa-arrows-v"></span>

					</button>

				</div>

			</div>

		</div>

	</div>

</div>