JSFiddle - React, Tailwind, and code Playground

by NewYorkAllen

HTML

<div class="container">
 <h1>VOGUE</h1>
<img src="https://images.unsplash.com/photo-1695782098642-b71604fcb72a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2787&q=80"  alt="">
<button onclick="myFunction1()">我要訂購</button>
<button onclick="myFunction2()">認識工廠</button>

</div>

CSS

.container{
  margin: 0px auto;
  background-color: #cca;
  text-align:center ;
}
h1{
  color: green;
}
img{
  height: 100%;
  width: 100%;
}
button{
  color: green;
  background-color: ＃ccc;
  margin: 20px;
}

JavaScript

function myFunction1()
{
  alert('謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！');
}
function myFunction2()
{
  alert('我們工廠位於新北市，通過國際 ISO9001 認證，品質讓您放心！');
}