Skip to content

Commit

Permalink
barebone or command
Browse files Browse the repository at this point in the history
  • Loading branch information
codayon committed Feb 2, 2025
1 parent 3e8dcdc commit 1aec8d3
Show file tree
Hide file tree
Showing 2 changed files with 304 additions and 2 deletions.
138 changes: 138 additions & 0 deletions css/shop.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
/* common selectors 1 */
* {
margin: 0;
padding: 0;
font-family: "Poppins", serif;
}
a {
text-decoration: none;
}
ul,
ol {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
line-height: 0.8;
}
.container {
width: 1320px;
margin: 0 auto;
}
.common-header h2 {
width: 300px;
height: 48px;
font-size: 32px;
color: #333333;
font-weight: 700;
text-align: center;
margin: 40px auto 0px auto;
}
.common-header p {
width: 559px;
height: 29px;
font-size: 20px;
color: #666666;
font-weight: 400;
margin: 0px auto 40px auto;
}
/* common selectors 0 */
/* header selectors 1 */
.header-flex {
display: flex;
margin: 30px auto;
align-items: center;
justify-content: space-between;
}
.header-logo {
width: 185px;
height: 41px;
}
.menu {
width: 430px;
height: 24px;
display: flex;
font-size: 16px;
font-weight: 500;
line-height: auto;
justify-content: space-between;
}
.menu a {
color: black;
font-size: 16px;
}
.header-icons {
width: 243px;
height: 27px;
display: flex;
justify-content: space-between;
}
/* header selectors 0 */
/* footer section 1 */
.footer-flex {
display: flex;
margin: 50px 0px 0px 0px;
}
.footer-section-one h1 {
font-size: 24px;
}
.footer-section-one p {
color: #9f9f9f;
font-size: 16px;
margin-top: 65px;
line-height: normal;
}
.footer-section-two {
display: flex;
margin-left: 110px;
column-gap: 110px;
row-gap: 67px;
}
.section-two-list a {
color: black;
font-size: 16px;
font-weight: 500;
line-height: 0.8;
}
.section-two-list li {
margin-bottom: 60px;
}
.section-two-list p {
color: #9f9f9f;
}
.footer-section-three {
margin-left: 100px;
}
.footer-section-three p {
color: #9f9f9f;
font-size: 16px;
font-weight: 500;
line-height: 0.8;
}
.email-input {
display: inline;
margin-top: 60px;
background: transparent;
border: none;
padding: 5px 5px 5px 3px;
border-bottom: 2px solid black;
}
.footer-section-three span {
border-bottom: 2px solid black;
text-transform: uppercase;
padding: 5px 5px 5px 0px;
margin-left: 30px;
}
#footer h4 {
font-size: 16px;
font-weight: 400;
margin: 50px 0;
}
/* footer section 0 */
168 changes: 166 additions & 2 deletions html/shop.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,172 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>blog</title>
<title>shop</title>
<!-- google font links 1 -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- google font links 0 -->
<!-- stylesheet links 1 -->
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="../css/shop.css" />
<!-- stylesheet links 0 -->
</head>
<body></body>
<body>
<!-- header section 1 -->
<section id="header-section">
<div class="container">
<div class="header-flex">
<div class="header-logo">
<a href="#">
<picture>
<img src="../image/logo.png" alt="logo.png" />
</picture>
</a>
</div>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
</ul>
<ul>
<li><a href="#">Shop</a></li>
</ul>
<ul>
<li><a href="#">About</a></li>
</ul>
<ul>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="header-icons">
<div class="user">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M23.3333 14V8.16669H25.6666V15.1667H23.3333M23.3333 19.8334H25.6666V17.5H23.3333M11.6666 15.1667C14.7816 15.1667 21 16.73 21 19.8334V23.3334H2.33331V19.8334C2.33331 16.73 8.55165 15.1667 11.6666 15.1667ZM11.6666 4.66669C12.9043 4.66669 14.0913 5.15835 14.9665 6.03352C15.8416 6.90869 16.3333 8.09568 16.3333 9.33335C16.3333 10.571 15.8416 11.758 14.9665 12.6332C14.0913 13.5084 12.9043 14 11.6666 14C10.429 14 9.24198 13.5084 8.36682 12.6332C7.49164 11.758 6.99998 10.571 6.99998 9.33335C6.99998 8.09568 7.49164 6.90869 8.36682 6.03352C9.24198 5.15835 10.429 4.66669 11.6666 4.66669ZM11.6666 17.3834C8.20165 17.3834 4.54998 19.0867 4.54998 19.8334V21.1167H18.7833V19.8334C18.7833 19.0867 15.1316 17.3834 11.6666 17.3834ZM11.6666 6.88335C11.0169 6.88335 10.3937 7.14148 9.93424 7.60094C9.47477 8.06041 9.21665 8.68357 9.21665 9.33335C9.21665 9.98313 9.47477 10.6063 9.93424 11.0658C10.3937 11.5252 11.0169 11.7834 11.6666 11.7834C12.3164 11.7834 12.9396 11.5252 13.3991 11.0658C13.8585 10.6063 14.1166 9.98313 14.1166 9.33335C14.1166 8.68357 13.8585 8.06041 13.3991 7.60094C12.9396 7.14148 12.3164 6.88335 11.6666 6.88335Z"
fill="black"
/>
</svg>
</a>
</div>
<div class="search">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24.5 24.5L19.2663 19.257M22.1666 12.25C22.1666 14.88 21.1219 17.4024 19.2621 19.2621C17.4024 21.1219 14.88 22.1666 12.25 22.1666C9.61992 22.1666 7.09757 21.1219 5.23784 19.2621C3.3781 17.4024 2.33331 14.88 2.33331 12.25C2.33331 9.61992 3.3781 7.09757 5.23784 5.23784C7.09757 3.3781 9.61992 2.33331 12.25 2.33331C14.88 2.33331 17.4024 3.3781 19.2621 5.23784C21.1219 7.09757 22.1666 9.61992 22.1666 12.25V12.25Z"
stroke="black"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</a>
</div>
<div class="love">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.16668 3.5C4.94551 3.5 2.33334 6.08533 2.33334 9.275C2.33334 11.8498 3.35418 17.9608 13.4027 24.1383C13.5827 24.2479 13.7893 24.3058 14 24.3058C14.2107 24.3058 14.4173 24.2479 14.5973 24.1383C24.6458 17.9608 25.6667 11.8498 25.6667 9.275C25.6667 6.08533 23.0545 3.5 19.8333 3.5C16.6122 3.5 14 7 14 7C14 7 11.3878 3.5 8.16668 3.5Z"
stroke="black"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</a>
</div>
<div class="cart">
<a href="#">
<svg
width="28"
height="28"
viewBox="0 0 28 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M25.2355 19.1926H8.95234L9.76991 17.5273L23.3543 17.5027C23.8137 17.5027 24.2074 17.1746 24.2894 16.7207L26.1707 6.19062C26.2199 5.91445 26.1461 5.63008 25.9656 5.41406C25.8764 5.30775 25.7652 5.22211 25.6396 5.16309C25.514 5.10407 25.377 5.07308 25.2383 5.07227L7.95702 5.01484L7.80937 4.32031C7.7164 3.87734 7.31718 3.55469 6.86328 3.55469H2.63867C2.38267 3.55469 2.13716 3.65638 1.95614 3.8374C1.77513 4.01841 1.67343 4.26393 1.67343 4.51992C1.67343 4.77592 1.77513 5.02143 1.95614 5.20245C2.13716 5.38346 2.38267 5.48516 2.63867 5.48516H6.08124L6.72656 8.55312L8.31523 16.2449L6.26992 19.5836C6.1637 19.727 6.09972 19.8972 6.08523 20.075C6.07073 20.2528 6.10629 20.4312 6.18788 20.5898C6.35195 20.9152 6.68281 21.1203 7.04921 21.1203H8.7664C8.40032 21.6065 8.20258 22.1988 8.20312 22.8074C8.20312 24.3551 9.46093 25.6129 11.0086 25.6129C12.5562 25.6129 13.8141 24.3551 13.8141 22.8074C13.8141 22.1977 13.6117 21.6043 13.2508 21.1203H17.6559C17.2898 21.6065 17.092 22.1988 17.0926 22.8074C17.0926 24.3551 18.3504 25.6129 19.898 25.6129C21.4457 25.6129 22.7035 24.3551 22.7035 22.8074C22.7035 22.1977 22.5012 21.6043 22.1402 21.1203H25.2383C25.7687 21.1203 26.2035 20.6883 26.2035 20.1551C26.2019 19.8994 26.0993 19.6546 25.9179 19.4743C25.7366 19.294 25.4913 19.1927 25.2355 19.1926ZM8.35898 6.91797L24.1035 6.96992L22.5613 15.6051L10.1937 15.627L8.35898 6.91797ZM11.0086 23.6715C10.5328 23.6715 10.1445 23.2832 10.1445 22.8074C10.1445 22.3316 10.5328 21.9434 11.0086 21.9434C11.4844 21.9434 11.8726 22.3316 11.8726 22.8074C11.8726 23.0366 11.7816 23.2564 11.6196 23.4184C11.4575 23.5805 11.2378 23.6715 11.0086 23.6715ZM19.898 23.6715C19.4223 23.6715 19.034 23.2832 19.034 22.8074C19.034 22.3316 19.4223 21.9434 19.898 21.9434C20.3738 21.9434 20.7621 22.3316 20.7621 22.8074C20.7621 23.0366 20.6711 23.2564 20.509 23.4184C20.347 23.5805 20.1272 23.6715 19.898 23.6715Z"
fill="black"
/>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- header section 0 -->

<!-- footer section 1 -->
<section id="footer">
<hr />
<div class="container">
<div class="footer-flex">
<div class="footer-section-one">
<h1>Funiro.</h1>
<p>
400 University Drive Suite 200 Coral<br />
Gables, <br />
FL 33134 USA
</p>
</div>
<div class="footer-section-two">
<div class="section-two-list">
<ul>
<li>
<a href="#"><p>Links</p></a>
</li>
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="section-two-list">
<ul>
<li>
<a href="#"><p>Help</p></a>
</li>
<li><a href="#">Payment Options</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Privacy Policis</a></li>
</ul>
</div>
</div>
<div class="footer-section-three">
<a href="#"><p>Newsletter</p></a>
<input
type="text"
placeholder="Enter Your Email Address"
class="email-input"
/>
<a href="#"><span>Subscribe</span></a>
</div>
</div>
<hr />
<h4>2023 furino. All rights reverved</h4>
</div>
</section>
<!-- footer section 0 -->
</body>
</html>

0 comments on commit 1aec8d3

Please sign in to comment.