Skip to content

Sriharsh01/design.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

design.github.io

DESIGN YOUR DREAM YOUR CAR

<style> body { background-color:white; }

.darkorangebutton { background-color: #b34700; border: 10px solid #b34700; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.blackbutton { background-color: #404040; border: 10px solid #404040; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer; }

.bluebutton { background-color: blue; border: 10px solid blue; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer; }

.red4button { background-color: #b30000; border: 10px solid #b30000; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer; }

.grey4button { background-color: #a6a6a6; border: 10px solid #a6a6a6; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.silver4button { background-color: grey; border: 10px solid grey; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.golden4button { background-color: #b3b300; border: 10px solid #b3b300; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.blacke4button { background-color: #0d0d0d; border: 10px solid #0d0d0d; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.BMW { margin: auto;

  }

.bmws { position: absolute; visibility: visible; left: 10px; top: 90px; }

////////////////////////////////////////////////////////////////////////////////////////////////

.darkbluekbutton { background-color: #000033; border: 10px solid #000033; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.yellowkbutton{ background-color: #e6e600; border: 10px solid #e6e600; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.maroonkbutton{ background-color: red; border: 10px solid red; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.whitekbutton{ background-color: #a6a6a6; border: 10px solid #a6a6a6; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.blackkbutton{ background-color: black; border: 10px solid black; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.tomatokbutton{ background-color:#660000; border: 10px solid #660000; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.audi { margin: auto;

  }

.audis { position: absolute; visibility: visible; left: 10px; top: 450px; }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

.goldpbutton{ background-color:gold; border: 10px solid gold; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.orangepbutton{ background-color:#ff6600; border: 10px solid #ff6600; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.whitepbutton{ background-color:#a6a6a6; border: 10px solid #a6a6a6; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.greenpbutton{ background-color:#00b300; border: 10px solid #00b300; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.redpbutton{ background-color:maroon; border: 10px solid maroon; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.bluepbutton{ background-color:#2d5986; border: 10px solid #2d5986; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.lambo { margin: auto;

  }

.lambos { position: absolute; visibility: visible; left: 10px; top: 770px; }

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

.redmbutton{ background-color:red; border: 10px solid red; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.blackmbutton{ background-color:black; border: 10px solid black; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.silvermbutton{ background-color:silver; border: 10px solid silver; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.maroonmbutton{ background-color:maroon; border: 10px solid maroon; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.lightmbutton{ background-color:#262626; border: 10px solid #262626; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.yellowmbutton{ background-color:yellow; border: 10px solid yellow; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.darkbluembutton{ background-color:navy; border: 10px solid navy; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.must { margin: auto;

  }

.musts { position: absolute; visibility: visible; left: 10px; top: 1150px; }

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

.blackjbutton{ background-color: black; border: 10px solid black; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.maroonjbutton{ background-color: maroon; border: 10px solid maroon; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.whitejbutton{ background-color: #a6a6a6; border: 10px solid #a6a6a6; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.navyjbutton{ background-color:#0000b3; border: 10px solid #0000b3; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.jag { margin: auto;

  }

.jags { position: absolute; visibility: visible; left: 10px; top: 1580px; }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

.redsbutton{ background-color:red; border: 10px solid red; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.yellowsbutton{ background-color:yellow; border: 10px solid yellow; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.silversbutton{ background-color:silver; border: 10px solid silver; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.blacksbutton{ background-color:black; border: 10px solid black; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.orangesbutton{ background-color:#e62e00; border: 10px solid #e62e00; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.bluesbutton{ background-color:blue; border: 10px solid blue; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.whitesbutton{ background-color:#a6a6a6; border: 10px solid #a6a6a6; border-radius: 10px; padding: 15px 20px; text-decoration: none; display: inline-block; margin: 6px 6px; cursor: pointer;

}

.porsh { margin: auto;

  }

.porshs { position: absolute; visibility: visible; left: 10px; top: 1940px; }

.hoho { text-align: center; font-size: 40px; font-weight: 100; }

</style>

SELECT YOUR FAVOURITE COLOR

About

DESIGN YOUR DREAM YOUR CAR

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published