Skip to content

N
new-mobiles
Commit 9846f561 by Siyam Kumar
Options

fontsizes

parent 05506793
Showing with 11 additions and 17 deletions
public/index.html
<!DOCTYPE html> <html>
<html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Web site created using create-react-app" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="stylesheet" href="App.css"> <link rel="stylesheet" href="App.css">
</head> </head>
...@@ -43,12 +38,11 @@ ...@@ -43,12 +38,11 @@
<img src="image-3.png" alt="image3" class="mainimage"> <img src="image-3.png" alt="image3" class="mainimage">
</div> </div>
<div> <div>
<img src="logo-hungama.png" alt="hungama" class="subimage"> <img src="logo-hungama.png" alt="hungama" class="subimage">
<h4>THE THUMP NEVER ENDS HERE</h4> <h4>THE THUMP NEVER ENDS HERE</h4>
<hr> <hr>
<p>1000’s OF SONGS</p> <p>1000s OF SONGS</p>
<img src="image-4.png" alt="image4" class="mainimage"> <img src="image-4.png" alt="image4" class="mainimage">
</div> </div>
...@@ -70,5 +64,4 @@ ...@@ -70,5 +64,4 @@
</div> </div>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
src/App.css
header { header {
padding-top: 15px; padding-top: 20px;
padding-bottom: 15px; padding-bottom: 15px;
padding-left: 15px; padding-left: 15px;
position: sticky; position: sticky;
...@@ -17,15 +17,16 @@ header > img { ...@@ -17,15 +17,16 @@ header > img {
padding-left: 50px; padding-left: 50px;
padding-right: 60px; padding-right: 60px;
font-size: 24px; font-size: 24px;
cursor: default;
} }
.container p { .container p {
color: #f4f9fd; color: #f4f9fd;
opacity: 0.5; opacity: 0.5;
padding-left:45px; padding-left:45px;
font-weight:lighter;
cursor: default;
font-size: 18px;
} }
hr { hr {
...@@ -45,7 +46,7 @@ hr { ...@@ -45,7 +46,7 @@ hr {
background-color: #62c662; background-color: #62c662;
} }
.container> :nth-child(2) { .container> :nth-child(2) {
background-color: #ddb257; background-color: #f7b528;
} }
.container> :nth-child(3) { .container> :nth-child(3) {
background-color: #8760f4; background-color: #8760f4;
...@@ -54,7 +55,7 @@ hr { ...@@ -54,7 +55,7 @@ hr {
background-color: #f18451; background-color: #f18451;
} }
.container> :nth-child(5) { .container> :nth-child(5) {
background-color: #e15e6e; background-color: #dd5465;
} }
.container> :nth-child(6) { .container> :nth-child(6) {
background-color: #4dc1e9; background-color: #4dc1e9;
...@@ -68,5 +69,5 @@ hr { ...@@ -68,5 +69,5 @@ hr {
.subimage { .subimage {
padding-left: 50px; padding-left: 50px;
padding-top: 30px; padding-top: 45px;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment