i tried my best to look the exact same from the picture- but some code.pdf

•

0 likes•2 views

i tried my best to look the exact same from the picture, but some codes are not right. <!DOCTYPE html> <html> <head> <style> .grid-container { display: grid; grid-template-columns: auto auto auto; margin: 10px; /* margin-left: 200px; */ } .grid-item { background-color: rgba(255, 255, 255, 0.8); padding: 20px; font-size: 30px; text-align: center; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; border-right: 1px solid #bbb; } li:last-child { border-right: none; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:not(.active) { background-color: #111; } .active { background-color: #04aa6d; } td,th{ padding: 0; text-align: left; } </style> </head> <body> <ul> <li><a class="active" href="#home">My Account</a></li> <li><a href="#news">Wish List</a></li> <li><a href="#contact">Shopping Cart</a></li> <li><a href="#contact">Checkout</a></li> </ul> <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Art Store</h1> <!DOCTYPE html> <html> <head> <style> .grid-container { display: grid; grid-template-columns: auto auto auto; margin: 10px; /* margin-left: 200px; */ } .grid-item { background-color: rgba(255, 255, 255, 0.8); padding: 20px; font-size: 30px; text-align: center; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; border-right: 1px solid #bbb; } li:last-child { border-right: none; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:not(.active) { background-color: #111; } .active { background-color: #04aa6d; } td,th{ padding: 0; text-align: left; } </style> </head> <body> <ul> <li><a class="active" href="#home">Home</a></li> <li><a href="#news">About Us</a></li> <li><a href="#contact">Art Works</a></li> <li><a href="#contact">Artists</a></li> </ul> <!DOCTYPE html> <html> <body> <h3>Similar Products</h3> </body> </html> </body> </html> <img src="116010.jpg" width="104" height="142"> <img src="120010.jpg" width="104" height="142"> <img src="107010.jpg" width="104" height="142"> <img src="106020.jpg" width="104" height="142"> </table> </div> </div> <ul> <li> <a class="" href="#home">All images are copyright to their owners. This is just a hypothetical site C 2014 Copyright Art Store </a> </li> </ul> </body> </html> All other links can be \# or your choice. Mxacesen Wiah.Lat Shosnent Car Art Store Hosar Aboullis An Horka Amas.

Education

}
li {
float: left;
border-right: 1px solid #bbb;
}
li:last-child {
border-right: none;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #04aa6d;
}
td,th{
padding: 0;

text-align: left;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#home">My Account</a></li>
<li><a href="#news">Wish List</a></li>
<li><a href="#contact">Shopping Cart</a></li>
<li><a href="#contact">Checkout</a></li>
</ul>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Art Store</h1>
<!DOCTYPE html>
<html>
<head>
<style>

.grid-container {
display: grid;
grid-template-columns: auto auto auto;
margin: 10px;
/* margin-left: 200px; */
}
.grid-item {
background-color: rgba(255, 255, 255, 0.8);
padding: 20px;
font-size: 30px;
text-align: center;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
border-right: 1px solid #bbb;
}

li:last-child {
border-right: none;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #04aa6d;
}
td,th{
padding: 0;
text-align: left;
}
</style>
</head>
<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">About Us</a></li>
<li><a href="#contact">Art Works</a></li>
<li><a href="#contact">Artists</a></li>
</ul>
<!DOCTYPE html>
<html>
<body>
<h3>Similar Products</h3>
</body>
</html>
</body>
</html>
<img src="116010.jpg" width="104" height="142">
<img src="120010.jpg" width="104" height="142">
<img src="107010.jpg" width="104" height="142">
<img src="106020.jpg" width="104" height="142">
</table>
</div>
</div>
<ul>

<li>
<a class="" href="#home">All images are copyright to their owners. This is just a hypothetical
site C 2014 Copyright Art Store </a>
</li>
</ul>
</body>
</html>
All other links can be # or your choice. Mxacesen Wiah.Lat Shosnent Car Art Store Hosar
Aboullis An Horka Amas

Similar to i tried my best to look the exact same from the picture- but some code.pdf

Xlrays online web tutorialsYogesh Gupta

css-note.pptxSamay16

Css tips & tricksanubavam-techkt

Css(handbook)MD. Anamul Haque

Yeni metin belgesi (2)makarnalar

Class 3 create an absolute layout with css abs position (aptana)Erin M. Kidwell

Html standards presentationTiago Cardoso

A More Perfect Union with CSSChristopher Schmitt

Source Code Halaman Web Radio Stremaing [RAMEN RADIO]Rizki Ogawa

Css code for a awoko newspaper html website which provides busines.pdfaroraenterprisesmbd

Version1.0 StartHTML000000217 EndHTML000067516 StartFragment0000tidwellerin392

Hello I a having an issue with the code written in this ass.pdfabsgroup9793

Theme02Atleta De Taekwondo

Similar to i tried my best to look the exact same from the picture- but some code.pdf (20)

Xlrays online web tutorials

css-note.pptx

Css tips & tricks

Css(handbook)

Yeni metin belgesi (2)

Class 3 create an absolute layout with css abs position (aptana)

Html standards presentation

A More Perfect Union with CSS

Source Code Halaman Web Radio Stremaing [RAMEN RADIO]

Css code for a awoko newspaper html website which provides busines.pdf

Version1.0 StartHTML000000217 EndHTML000067516 StartFragment0000

Hello I a having an issue with the code written in this ass.pdf

Theme02

Recently uploaded

Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha

Introduction to Nonprofit Accounting: The BasicsTechSoup

Student login on Anyboli platform.helpinRaunakKeshri1

Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy

Grant Readiness 101 TechSoup and Remy ConsultingTechSoup

Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic

Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622

SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood

Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019

Interactive Powerpoint_How to Master effective communicationnomboosow

Sports & Fitness Value Added Course FY..Disha Kariya

Mattingly "AI & Prompt Design: The Basics of Prompt Design"National Information Standards Organization (NISO)

The basics of sentences session 2pptx copy.pptxheathfieldcps1

Advanced Views - Calendar View in Odoo 17Celine George

Nutritional Needs Presentation - HLTH 104misteraugie

1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"National Information Standards Organization (NISO)

9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt

Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics

Recently uploaded (20)

Call Girls in Dwarka Mor Delhi Contact Us 9654467111

Introduction to Nonprofit Accounting: The Basics

Student login on Anyboli platform.helpin

Measures of Dispersion and Variability: Range, QD, AD and SD

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf

Grant Readiness 101 TechSoup and Remy Consulting

Key note speaker Neum_Admir Softic_ENG.pdf

Disha NEET Physics Guide for classes 11 and 12.pdf

SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx

Sanyam Choudhary Chemistry practical.pdf

Interactive Powerpoint_How to Master effective communication

Sports & Fitness Value Added Course FY..

Mattingly "AI & Prompt Design: The Basics of Prompt Design"

The basics of sentences session 2pptx copy.pptx

Advanced Views - Calendar View in Odoo 17

Nutritional Needs Presentation - HLTH 104

1029-Danh muc Sach Giao Khoa khoi 6.pdf

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"

9548086042 for call girls in Indira Nagar with room service

Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...

i tried my best to look the exact same from the picture- but some code.pdf

1. i tried my best to look the exact same from the picture, but some codes are not right. <!DOCTYPE html> <html> <head> <style> .grid-container { display: grid; grid-template-columns: auto auto auto; margin: 10px; /* margin-left: 200px; */ } .grid-item { background-color: rgba(255, 255, 255, 0.8); padding: 20px; font-size: 30px; text-align: center; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333;

2. } li { float: left; border-right: 1px solid #bbb; } li:last-child { border-right: none; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:not(.active) { background-color: #111; } .active { background-color: #04aa6d; } td,th{ padding: 0;

3. text-align: left; } </style> </head> <body> <ul> <li><a class="active" href="#home">My Account</a></li> <li><a href="#news">Wish List</a></li> <li><a href="#contact">Shopping Cart</a></li> <li><a href="#contact">Checkout</a></li> </ul> <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Art Store</h1> <!DOCTYPE html> <html> <head> <style>

4. .grid-container { display: grid; grid-template-columns: auto auto auto; margin: 10px; /* margin-left: 200px; */ } .grid-item { background-color: rgba(255, 255, 255, 0.8); padding: 20px; font-size: 30px; text-align: center; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; border-right: 1px solid #bbb; }

5. li:last-child { border-right: none; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:not(.active) { background-color: #111; } .active { background-color: #04aa6d; } td,th{ padding: 0; text-align: left; } </style> </head> <body>

6. <ul> <li><a class="active" href="#home">Home</a></li> <li><a href="#news">About Us</a></li> <li><a href="#contact">Art Works</a></li> <li><a href="#contact">Artists</a></li> </ul> <!DOCTYPE html> <html> <body> <h3>Similar Products</h3> </body> </html> </body> </html> <img src="116010.jpg" width="104" height="142"> <img src="120010.jpg" width="104" height="142"> <img src="107010.jpg" width="104" height="142"> <img src="106020.jpg" width="104" height="142"> </table> </div> </div> <ul>

7. <li> <a class="" href="#home">All images are copyright to their owners. This is just a hypothetical site C 2014 Copyright Art Store </a> </li> </ul> </body> </html> All other links can be # or your choice. Mxacesen Wiah.Lat Shosnent Car Art Store Hosar Aboullis An Horka Amas

i tried my best to look the exact same from the picture- but some code.pdf

Recommended

Recommended

More Related Content

Similar to i tried my best to look the exact same from the picture- but some code.pdf

Similar to i tried my best to look the exact same from the picture- but some code.pdf (20)

More from bolero3277

More from bolero3277 (20)

Recently uploaded

Recently uploaded (20)

i tried my best to look the exact same from the picture- but some code.pdf