<style>
	.giris_kayit_wrapper {
		display: flex;
		justify-content: center;
		margin: 4em 0 8em;
	}
	.giris_wrap {
		margin: 0 2em;
	}
	.kayit_wrap {
		margin: 0 2em;
	}
	fieldset {
		border: 1px solid #333;
		padding: 1.4em 2em;
		border-radius: 10px;
	}
	legend {
		text-align: center;
		padding: 0 1em;
		font-size: 20px;
		font-weight: bold;
	}
	.giris_kayit_wrapper ul {
		margin: 1em 0 0;
		padding: 0;
	}
	.giris_kayit_wrapper ul li {
		list-style: none;
		padding: 0;
		margin: 0 0 15px;
	}
	.giris_kayit_wrapper ul li label {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.giris_kayit_wrapper ul li label span,
	form#loginform > p label {
		display: block;
		width: 114px;
	}
	.giris_kayit_wrapper ul li label input,
	.giris_kayit_wrapper ul li label select {
		display: block;
		width: calc(100% - 124px);
	}
	.form_btn_wrap {
		text-align: center;
		padding: 1em 0 .5em;
	}
	form#loginform > p {
		display: flex;
		align-items: center;
	}
	p.login-remember,
	p.login-submit {
		text-align: center;
		display: block;
	}
	input#wp-submit {
		margin: 1em auto .4em;
	}
	form#loginform {
		margin: 1em 0 0;
	}
	p.login-remember {
		display: flex;
		justify-content: center;
	}
	.giris_kayit_wrapper ul hr {
		margin: 2em 0;
		opacity: .4;
	}
	.giris_kayit_wrapper ul li label i {
		position: absolute;
		right: 46px;
		opacity: .5;
	}
</style>

<script src="https://fitnessprogramer.com/wp-content/litespeed/localres/aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9yZWNhcHRjaGEvYXBpLmpz" async defer></script>
<div class="giris_kayit_wrapper">
	<div class="giris_wrap">
		<fieldset>
			<legend>Login</legend>
			<form name="loginform" id="loginform" action="https://fitnessprogramer.com/fikoti/" method="post"><p class="login-username">
				<label for="user_login">Username or Email Address</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">Password</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Log In" />
				<input type="hidden" name="redirect_to" value="https://fitnessprogramer.com/wp-json/wp/v2/pages/7404" />
			</p></form>		</fieldset>
		
	</div>
	<div class="kayit_wrap">
		
		<fieldset>
			<legend>Register</legend>
			<form action="" name="register" method="post">
				<ul>
					<li style="display: none;">
						<label>
							<span>User Type</span>
							<select name="user_type" required>
								<option value="student">Student</option>
								<option value="trainer">Trainer</option>
							</select>
						</label>
					</li>
					<li>
						<label>
							<span>First Name</span>
							<input type="text" name="first_name" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>Last Name</span>
							<input type="text" name="last_name" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>Username</span>
							<input type="text" name="username" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>E-Mail Address</span>
							<input type="email" name="email" value="" required />
						</label>
					</li>
					
					<li>
						<label>
							<span>Password</span>
							<input type="password" name="pass1" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>Password (Again)</span>
							<input type="password" name="pass2" value="" required />
						</label>
						<hr>
					</li>
					
					<li>
						<label>
							<span>Gender</span>
							<select name="gender" required>
								<option value="">Please choose</option>
								<option value="Female">Female</option>
								<option value="Male">Male</option>
								<option value="Other">Other</option>
							</select>
						</label>
					</li>
					<li>
						<label>
							<span>Age</span>
							<input type="number" name="age" min="0" value="" autocomplete="off"  />
						</label>
					</li>
					<li>
						<label>
							<span>Height</span>
							<input type="number" name="length" value="" min="0" autocomplete="off"  /><i>cm</i>
						</label>
					</li>
					<li>
						<label>
							<span>Weight</span>
							<input type="number" name="weight" value="" min="0" autocomplete="off"  /><i>kg</i>
						</label>
					</li>
					<li>
						<label>
							<span>Goal</span>
							<select name="goal">
								<option value="">Goal</option>
								<option value="fat-loss">Fat Loss</option>
								<option value="maintenance">Maintenance</option>
								<option value="muscle-gain">Muscle Gain</option>
							</select>
						</label>
					</li>
					<li>
						<label>
							<span>Activity</span>
							<select name="activity">
								<option value="">Activity Level</option>
								<option value="lightly-active">Lightly active (moderate exercise but sedentary job)</option>
								<option value="moderately-active">Moderately active (intense exercise but sedentary job)</option>
								<option value="very-active">Very active (moderate exercise and active job)</option>
								<option value="extra-active">Extra active (intense exercise and active job)</option>
							</select>
						</label>
					</li>
					
					<li>
						<label>
							<span>Daily Calorie Need</span>
							<input type="text" id="daily_calorie" value="0" readonly /><i>cal</i>
						</label>
					</li>
					
					
				</ul>
				<span style="display: block; text-align: right; font-size: 10px;">All fields are required!</span>
				</br>
				<div class="g-recaptcha" data-sitekey="6LfMhLYUAAAAAGb2uJEN_lT9ngT4jbshPzmc6Oot"></div>

				<div class="form_btn_wrap">
					<input type="hidden" name="ref" id="ref" value=""/>
					<button type="submit" name="register" class="" value="">REGISTER</button>
				</div>
			</form>
		</fieldset>
		
	</div>
</div><style>
	.giris_kayit_wrapper {
		display: flex;
		justify-content: center;
		margin: 4em 0 8em;
	}
	.giris_wrap {
		margin: 0 2em;
	}
	.kayit_wrap {
		margin: 0 2em;
	}
	fieldset {
		border: 1px solid #333;
		padding: 1.4em 2em;
		border-radius: 10px;
	}
	legend {
		text-align: center;
		padding: 0 1em;
		font-size: 20px;
		font-weight: bold;
	}
	.giris_kayit_wrapper ul {
		margin: 1em 0 0;
		padding: 0;
	}
	.giris_kayit_wrapper ul li {
		list-style: none;
		padding: 0;
		margin: 0 0 15px;
	}
	.giris_kayit_wrapper ul li label {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.giris_kayit_wrapper ul li label span,
	form#loginform > p label {
		display: block;
		width: 114px;
	}
	.giris_kayit_wrapper ul li label input,
	.giris_kayit_wrapper ul li label select {
		display: block;
		width: calc(100% - 124px);
	}
	.form_btn_wrap {
		text-align: center;
		padding: 1em 0 .5em;
	}
	form#loginform > p {
		display: flex;
		align-items: center;
	}
	p.login-remember,
	p.login-submit {
		text-align: center;
		display: block;
	}
	input#wp-submit {
		margin: 1em auto .4em;
	}
	form#loginform {
		margin: 1em 0 0;
	}
	p.login-remember {
		display: flex;
		justify-content: center;
	}
	.giris_kayit_wrapper ul hr {
		margin: 2em 0;
		opacity: .4;
	}
	.giris_kayit_wrapper ul li label i {
		position: absolute;
		right: 46px;
		opacity: .5;
	}
</style>

<script src="https://fitnessprogramer.com/wp-content/litespeed/localres/aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9yZWNhcHRjaGEvYXBpLmpz" async defer></script>
<div class="giris_kayit_wrapper">
	<div class="giris_wrap">
		<fieldset>
			<legend>Login</legend>
			<form name="loginform" id="loginform" action="https://fitnessprogramer.com/fikoti/" method="post"><p class="login-username">
				<label for="user_login">Username or Email Address</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">Password</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Log In" />
				<input type="hidden" name="redirect_to" value="https://fitnessprogramer.com/wp-json/wp/v2/pages/7404" />
			</p></form>		</fieldset>
		
	</div>
	<div class="kayit_wrap">
		
		<fieldset>
			<legend>Register</legend>
			<form action="" name="register" method="post">
				<ul>
					<li style="display: none;">
						<label>
							<span>User Type</span>
							<select name="user_type" required>
								<option value="student">Student</option>
								<option value="trainer">Trainer</option>
							</select>
						</label>
					</li>
					<li>
						<label>
							<span>First Name</span>
							<input type="text" name="first_name" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>Last Name</span>
							<input type="text" name="last_name" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>Username</span>
							<input type="text" name="username" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>E-Mail Address</span>
							<input type="email" name="email" value="" required />
						</label>
					</li>
					
					<li>
						<label>
							<span>Password</span>
							<input type="password" name="pass1" value="" required />
						</label>
					</li>
					<li>
						<label>
							<span>Password (Again)</span>
							<input type="password" name="pass2" value="" required />
						</label>
						<hr>
					</li>
					
					<li>
						<label>
							<span>Gender</span>
							<select name="gender" required>
								<option value="">Please choose</option>
								<option value="Female">Female</option>
								<option value="Male">Male</option>
								<option value="Other">Other</option>
							</select>
						</label>
					</li>
					<li>
						<label>
							<span>Age</span>
							<input type="number" name="age" min="0" value="" autocomplete="off"  />
						</label>
					</li>
					<li>
						<label>
							<span>Height</span>
							<input type="number" name="length" value="" min="0" autocomplete="off"  /><i>cm</i>
						</label>
					</li>
					<li>
						<label>
							<span>Weight</span>
							<input type="number" name="weight" value="" min="0" autocomplete="off"  /><i>kg</i>
						</label>
					</li>
					<li>
						<label>
							<span>Goal</span>
							<select name="goal">
								<option value="">Goal</option>
								<option value="fat-loss">Fat Loss</option>
								<option value="maintenance">Maintenance</option>
								<option value="muscle-gain">Muscle Gain</option>
							</select>
						</label>
					</li>
					<li>
						<label>
							<span>Activity</span>
							<select name="activity">
								<option value="">Activity Level</option>
								<option value="lightly-active">Lightly active (moderate exercise but sedentary job)</option>
								<option value="moderately-active">Moderately active (intense exercise but sedentary job)</option>
								<option value="very-active">Very active (moderate exercise and active job)</option>
								<option value="extra-active">Extra active (intense exercise and active job)</option>
							</select>
						</label>
					</li>
					
					<li>
						<label>
							<span>Daily Calorie Need</span>
							<input type="text" id="daily_calorie" value="0" readonly /><i>cal</i>
						</label>
					</li>
					
					
				</ul>
				<span style="display: block; text-align: right; font-size: 10px;">All fields are required!</span>
				</br>
				<div class="g-recaptcha" data-sitekey="6LfMhLYUAAAAAGb2uJEN_lT9ngT4jbshPzmc6Oot"></div>

				<div class="form_btn_wrap">
					<input type="hidden" name="ref" id="ref" value=""/>
					<button type="submit" name="register" class="" value="">REGISTER</button>
				</div>
			</form>
		</fieldset>
		
	</div>
</div>{"id":7404,"date":"2021-04-08T19:11:45","date_gmt":"2021-04-08T19:11:45","guid":{"rendered":"https:\/\/fitnessprogramer.com\/?page_id=7404"},"modified":"2021-04-08T19:11:46","modified_gmt":"2021-04-08T19:11:46","slug":"login-register","status":"publish","type":"page","link":"https:\/\/fitnessprogramer.com\/login-register\/","title":{"rendered":"Login \/ Register"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/pages\/7404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/comments?post=7404"}],"version-history":[{"count":0,"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/pages\/7404\/revisions"}],"wp:attachment":[{"href":"https:\/\/fitnessprogramer.com\/wp-json\/wp\/v2\/media?parent=7404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}