React- 헬멧 스토어
15328 단어 webdevreactjavascriptecommerce
체크 아웃하고 더 많은 제안으로 회신
당신이 그것을 좋아한다면 좋아
내 가게의 모습 -
>HomePage.js용 코드 스니펫:
{/* new home */}
<div className="container-fluid home">
<div className="row">
{/* sub_home */}
<div className="col-xs-12 sub_home">
<div className="col-lg-5 col-lg-offset-1 sub_home_text">
<h2>
Never say never <br /> because limits,like fears,
<br /> are often just an illusion.
</h2>
<div className="home_btn">
<Link to="/allproduct">
<button type="button" className="btn btn-primary btn1">
Buy Now
</button>
</Link>
<button className="btn btn-success btn2 ">Offers</button>
</div>
</div>
</div>
</div>
</div>
{/* level-2 home left */}
<div className="container-fluid">
<div className="row">
<div className="col-xs-12 col-lg-5 home_left col-lg-offset-1">
<div className="cards">
<div className="well">
<div className="card_icon">
<EqualizerIcon></EqualizerIcon>
</div>
<div className="card_heading">PERFORMANCE</div>
<div className="card_txt">
designed for a secure and comfortable fit for long days in the
field.
</div>
</div>
<div className="well">
<div className="card_icon">
<EqualizerIcon></EqualizerIcon>
</div>
<div className="card_heading">PERFORMANCE</div>
<div className="card_txt">
designed for a secure and comfortable fit for long days in the
field.
</div>
</div>
</div>
</div>
{/* home right */}
<div className="home_right visible-lg">
<div className="col-lg-4 ">
<img
className="home_img"
src="./images/kohli.png"
alt="no image"
/>
</div>
</div>
</div>
</div>
HomePage.css file
.sub_home {
/* width: 100%; */
height: 400px;
background-color: #174280;
border-radius: 15px;
margin-bottom: -600px;
/* padding-top: 50px; */
}
.sub_home_text {
font-family: "Fraunces", serif;
color: rgb(255, 255, 255);
margin-top: 70px;
/* margin-left: 150px; */
font-weight: 1000;
}
.home_img {
height: 600px;
width: 600px;
object-fit: contain;
}
.cards {
display: flex;
margin-top: 350px;
/* height: 170px; */
}
.well {
background-color: #fe6c16;
align-items: center;
padding-left: 10px;
border-radius: 10px;
/* margin-right: 10px; */
}
Visit my Git-Hub repository for full code-> princepatel157
사용된 패키지:-
react-router-dom
material-ui/icons
react-currency-format
내 작업을 평가하고 내 UI를 개선하기 위한 몇 가지 제안을 제공하십시오.
내Git-repo를 확인하고 모든 종류의 개선을 위해 분기합니다.
Reference
이 문제에 관하여(React- 헬멧 스토어), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/princepatel1576/react-helmet-store-2iom텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)