From c54554f87c908546267f37973feaca8319250ee5 Mon Sep 17 00:00:00 2001
From: nicole01101101zke <19966422680@163.com>
Date: Mon, 21 Dec 2020 19:07:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=8A=E8=AE=AD=E7=BB=83=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=94=BE=E5=9C=A8=E4=BA=86=E7=BB=93=E6=9E=9C=E5=89=8D=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../style-transform-master/html/css/style.css      |   8 +-
 .../style-transform-master/html/index.html         | 234 ++++++++++-----------
 2 files changed, 112 insertions(+), 130 deletions(-)

diff --git a/style-transform-master/style-transform-master/html/css/style.css b/style-transform-master/style-transform-master/html/css/style.css
index b8a8742..6792ca5 100644
--- a/style-transform-master/style-transform-master/html/css/style.css
+++ b/style-transform-master/style-transform-master/html/css/style.css
@@ -916,20 +916,14 @@ header.page-header .main-menu.minified{
 .portfolio-items .portfolio-item{
 	width: 33%;
 	height: 400px;
-	position: relative;
+	position: absolute;
 	overflow: hidden;
-	display: table-cell;
-	vertical-align: middle;
-	text-align: center;
 }
 
 .portfolio-items .portfolio-item img{
 	height: 100%;
-	display: table-cell;
-	vertical-align: middle;
 	border: 1px solid #ffffff;
 	width: 100%;
-	text-align: center;
 }
 
 .portfolio-items .portfolio-item .portfolio-details-wrapper{
diff --git a/style-transform-master/style-transform-master/html/index.html b/style-transform-master/style-transform-master/html/index.html
index 46b9bf7..66d88b9 100644
--- a/style-transform-master/style-transform-master/html/index.html
+++ b/style-transform-master/style-transform-master/html/index.html
@@ -60,6 +60,9 @@
 							<a href="#services">SERVICES</a>
 						</li>
 						<li>
+							<a href="#contact">START HERE</a>
+						</li>
+						<li>
 							<a href="#menuCard">MENU</a>
 						</li>
 						<li>
@@ -71,9 +74,6 @@
 						<li>
 							<a href="#clients">FEEDBACK</a>
 						</li>
-						<li>
-							<a href="#contact">CONTACT US</a>
-						</li>
 					</ul>
 				</div>
 			</div>
@@ -286,6 +286,114 @@
 		</div>
 	</section>
 
+	<section id="contact" class="section-wrapper contact-section" data-stellar-background-ratio="0.5">
+		<div class="parallax-overlay"></div>
+		<div class="container">
+			<div class="row">
+
+				<!-- Section Header -->
+				<div class="col-md-12 col-sm-12 col-xs-12 section-header wow fadeInDown">
+					<h2><span class="highlight-text">Contact Us</span></h2>
+
+					<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">We love feedback. Fill out
+						the form below and we'll get back to you as soon as possible. in minus distinctio dolores ipsam.
+					</p>
+				</div>
+				<!-- Section Header End -->
+
+				<div class="contact-details">
+
+
+					<!-- Contact Form -->
+					<div class="contact-form wow bounceInRight">
+
+						<!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
+						<form name="sentMessage" id="contactForm" novalidate method="post">
+							<div class="col-md-6">
+								<img id="cropedBigImg0" src="" class="teams-slides col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1"/>
+								<input type="file"  id="chooseImage0"
+									accept="image/gif,image/jpeg, image/png, image/jpg" />
+								<p class="help-block"></p>
+							</div>
+
+							<div class="col-md-6">
+								<img id="cropedBigImg1" src="" class="teams-slides col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1"/>
+								<input type="file"  id="chooseImage1"
+									accept="image/gif,image/jpeg, image/png, image/jpg" />
+							</div>
+
+							<div class="col-md-12">
+								<textarea  class="form-control" placeholder="请输入训练轮数" id="message"></textarea>
+							</div>
+
+							<div class="col-md-8 col-md-offset-2"><br>
+								<div id="success"> </div><button type="submit" class="btn btn-primary" onclick="window.location.href = '#portfolio'">Submit
+									Message</button>
+							</div>
+						</form>
+
+
+
+
+
+
+
+
+
+
+
+						<!-- <div class="div_model">
+		<img id="cropedBigImg0" src="images/0.png" class="div_model_img"/>
+		<input type="file"class="file" accept="image/gif,image/jpeg, image/png, image/jpg"id="chooseImage0">
+	 </div> -->
+						<script>
+							function ProcessFile1(e) {
+								var src_img = document.getElementById('chooseImage0').files[0];
+								console.log(src_img);
+								if (src_img) {
+									var reader = new FileReader();
+									reader.onload = function (event) {
+										var txt = event.target.result;
+										$("#cropedBigImg0").attr('src', txt);//将图片base64字符串赋值给img的src
+										//console.log(txt)//base64
+									};
+								}
+								reader.readAsDataURL(src_img);
+							}
+
+							function ProcessFile2(e) {
+								var tar_img = document.getElementById('chooseImage1').files[0];
+								console.log(tar_img);
+								if (tar_img) {
+									var reader = new FileReader();
+									reader.onload = function (event) {
+										var txt = event.target.result;
+										$("#cropedBigImg1").attr('src', txt);//将图片base64字符串赋值给img的src
+										//console.log(txt)//base64
+									};
+								}
+								reader.readAsDataURL(tar_img);
+							}
+
+							function contentLoaded0() {
+								document.getElementById('chooseImage0').addEventListener('change',
+									ProcessFile1, false);
+							}
+							function contentLoaded1() {
+								document.getElementById('chooseImage1').addEventListener('change',
+									ProcessFile2, false);
+							}
+
+							// var model=document.getElementById('model');
+							// var input=model.querySelectorAll('input');
+							window.addEventListener("DOMContentLoaded", contentLoaded0, false);
+							window.addEventListener("DOMContentLoaded", contentLoaded1, false);
+						</script>
+					</div>
+				</div>
+			</div>
+	</section>
+
 	<section class="menus style3" id="menuCard">
 		<div class="container">
 			<div class="row">
@@ -757,126 +865,6 @@
 	</section>
 	<!-- Client Section End -->
 
-	<section id="contact" class="section-wrapper contact-section" data-stellar-background-ratio="0.5">
-		<div class="parallax-overlay"></div>
-		<div class="container">
-			<div class="row">
-
-				<!-- Section Header -->
-				<div class="col-md-12 col-sm-12 col-xs-12 section-header wow fadeInDown">
-					<h2><span class="highlight-text">Contact Us</span></h2>
-
-					<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">We love feedback. Fill out
-						the form below and we'll get back to you as soon as possible. in minus distinctio dolores ipsam.
-					</p>
-				</div>
-				<!-- Section Header End -->
-
-				<div class="contact-details">
-
-
-					<!-- Contact Form -->
-					<div class="contact-form wow bounceInRight">
-
-						<!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
-						<form name="sentMessage" id="contactForm" novalidate method="post">
-							<div class="col-md-6">
-								<img id="cropedBigImg0" src="" class="teams-slides col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1"/>
-								<input type="file"  id="chooseImage0"
-									accept="image/gif,image/jpeg, image/png, image/jpg" />
-								<p class="help-block"></p>
-							</div>
-
-							<div class="col-md-6">
-								<img id="cropedBigImg1" src="" class="teams-slides col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1"/>
-								<input type="file"  id="chooseImage1"
-									accept="image/gif,image/jpeg, image/png, image/jpg" />
-							</div>
-
-							<div class="col-md-12">
-								<textarea  class="form-control" placeholder="请输入训练轮数" id="message"></textarea>
-							</div>
-
-							<div class="col-md-8 col-md-offset-2"><br>
-								<div id="success"> </div><button type="submit" class="btn btn-primary" onclick="window.location.href = '#portfolio'">Submit
-									Message</button>
-							</div>
-						</form>
-
-
-
-
-
-
-
-
-
-
-
-						<!-- <div class="div_model">
-		<img id="cropedBigImg0" src="images/0.png" class="div_model_img"/>
-		<input type="file"class="file" accept="image/gif,image/jpeg, image/png, image/jpg"id="chooseImage0">
-	 </div> -->
-						<script>
-							function ProcessFile1(e) {
-								var src_img = document.getElementById('chooseImage0').files[0];
-								console.log(src_img);
-								if (src_img) {
-									var reader = new FileReader();
-									reader.onload = function (event) {
-										var txt = event.target.result;
-										$("#cropedBigImg0").attr('src', txt);//将图片base64字符串赋值给img的src
-										//console.log(txt)//base64
-									};
-								}
-								reader.readAsDataURL(src_img);
-							}
-
-							function ProcessFile2(e) {
-								var tar_img = document.getElementById('chooseImage1').files[0];
-								console.log(tar_img);
-								if (tar_img) {
-									var reader = new FileReader();
-									reader.onload = function (event) {
-										var txt = event.target.result;
-										$("#cropedBigImg1").attr('src', txt);//将图片base64字符串赋值给img的src
-										//console.log(txt)//base64
-									};
-								}
-								reader.readAsDataURL(tar_img);
-							}
-
-							function contentLoaded0() {
-								document.getElementById('chooseImage0').addEventListener('change',
-									ProcessFile1, false);
-							}
-							function contentLoaded1() {
-								document.getElementById('chooseImage1').addEventListener('change',
-									ProcessFile2, false);
-							}
-
-							// var model=document.getElementById('model');
-							// var input=model.querySelectorAll('input');
-							window.addEventListener("DOMContentLoaded", contentLoaded0, false);
-							window.addEventListener("DOMContentLoaded", contentLoaded1, false);
-						</script>
-
-
-
-
-
-
-
-
-
-
-
-					</div>
-
-				</div>
-			</div>
-	</section>
-