עזרה - בניית טפסים וייצוא כקוד html

הערשלה

@איציק-דייטש @דניאל-ביטון contact-form-v1.zip

איציק דייטש

@הערשלה

יש לך פה חמש תיקיות וקובץ html
בקובץ html יש את הקוד html...
התיקיות לפי הסדר:

css - עיצוב
fonts - פונטים
images - תמונות
js - ג'אווה סקריפט
vendor - אני לא יודע מה זה....

זה הקוד html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Contact V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>

	<div class="contact1">
		<div class="container-contact1">
			<div class="contact1-pic js-tilt" data-tilt>
				<img src="images/img-01.png" alt="IMG">
			</div>

			<form class="contact1-form validate-form">
				<span class="contact1-form-title">
					Get in touch
				</span>

				<div class="wrap-input1 validate-input" data-validate = "Name is required">
					<input class="input1" type="text" name="name" placeholder="Name">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
					<input class="input1" type="text" name="email" placeholder="Email">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
					<input class="input1" type="text" name="subject" placeholder="Subject">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Message is required">
					<textarea class="input1" name="message" placeholder="Message"></textarea>
					<span class="shadow-input1"></span>
				</div>

				<div class="container-contact1-form-btn">
					<button class="contact1-form-btn">
						<span>
							Send Email
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</form>
		</div>
	</div>




<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

הערשלה

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

הערשלה

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה

יש לך פה חמש תיקיות וקובץ html
בקובץ html יש את הקוד html...
התיקיות לפי הסדר:

css - עיצוב
fonts - פונטים
images - תמונות
js - ג'אווה סקריפט
vendor - אני לא יודע מה זה....

זה הקוד html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Contact V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>

	<div class="contact1">
		<div class="container-contact1">
			<div class="contact1-pic js-tilt" data-tilt>
				<img src="images/img-01.png" alt="IMG">
			</div>

			<form class="contact1-form validate-form">
				<span class="contact1-form-title">
					Get in touch
				</span>

				<div class="wrap-input1 validate-input" data-validate = "Name is required">
					<input class="input1" type="text" name="name" placeholder="Name">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
					<input class="input1" type="text" name="email" placeholder="Email">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
					<input class="input1" type="text" name="subject" placeholder="Subject">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Message is required">
					<textarea class="input1" name="message" placeholder="Message"></textarea>
					<span class="shadow-input1"></span>
				</div>

				<div class="container-contact1-form-btn">
					<button class="contact1-form-btn">
						<span>
							Send Email
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</form>
		</div>
	</div>




<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

מה אני אמור לשנות כדי שזה ישלח אלי?

איציק דייטש

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)
HTML למבנה הדף
CSS לעיצוב
וJS גם נצרך הכל שם צריך...

הערשלה

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

@מנחם-ציון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)

@איציק-דייטש , @מנחם-ציון אז מה לעשות?

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

@מנחם-ציון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)

@איציק-דייטש , @מנחם-ציון אז מה לעשות?

מה אתה יכול להעלות? רק קובץ אחד? אין אופציה להעלת CSS?

איציק דייטש

@מנחם-ציון עזוב את css, את זה אפשר להטמיע ב html
@הערשלה js זה הבעיה!

הערשלה

@מנחם-ציון @איציק-דייטש אוישש צדקתם. זה נראה גרוע בהחלט.
יש שם רק לכתוב בפנים. שום העלאות ושום בטיח.

מנחם ציון

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@מנחם-ציון עזוב את css, את זה אפשר להטמיע ב html
@הערשלה js זה הבעיה!

נכון ואז מהדירוג SEO אתה יכול לשכוח והבאגים יחגגו כנ"ל איטיות וגם צריך לשבת על הקוד כדי להטמיע וכו'
תכלס' זה פתרון לשורה אחת או 2 לעמוד זה גרוע...

איציק דייטש

@מנחם-ציון להטמיע css לתוך html זה קלי קלות!

מנחם ציון

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@מנחם-ציון להטמיע css לתוך html זה קלי קלות!

אבל זה יוצר עוד בעיות...

איציק דייטש

@מנחם-ציון צודק, אבל על תגיד שזה מסובך...

הערשלה

@איציק-דייטש חבר'ה, יכול להיות שבpoptin יהיה אפשר להטמיע קוד html חד פעמי כדי ליצור טופס יצירת קשר (לא לכל האתר וכל סיבוכיו)...

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש חבר'ה, יכול להיות שבpoptin יהיה אפשר להטמיע קוד html חד פעמי כדי ליצור טופס יצירת קשר (לא לכל האתר וכל סיבוכיו)...

בpoptin הוא שואב את הנתונים מהאתר שלהם אז זה אמור לעבוד...

הערשלה

@מנחם-ציון יש אתר אחר שנותן לי להטמיע טופס עם כל מרכיביו בלי לשגע את השכל כמו פופטין?

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@מנחם-ציון יש אתר אחר שנותן לי להטמיע טופס עם כל מרכיביו בלי לשגע את השכל כמו פופטין?

למה לשגע את השכל?

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@מנחם-ציון יש אתר אחר שנותן לי להטמיע טופס עם כל מרכיביו בלי לשגע את השכל כמו פופטין?

אולי זה...https://www.inwise.co.il

הערשלה

@מנחם-ציון כי אין לאתר שאני בונה בו (כנראה) תוסף לפופטין ואני בסך הכל צריך טופס אחד אז זה סתם בלבול מח כל העסק הזה (בשילי, כמובן)...