gravitycss
Version:
Pre-built styling library.
80 lines (71 loc) • 2.03 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./node_modules/gravitycss/gravity.css">
<link rel="stylesheet" href="/gravity.css">
<title>Main</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
center {
text-align: center;
}
h1 {
color: #3498db;
margin-bottom: 5px;
}
img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin-top: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
img:hover {
transform: scale(1.1);
}
h3 {
color: #333;
margin-top: 20px;
font-size: 1.2em;
}
h4 {
color: #555;
margin-top: 10px;
}
a {
color: #3498db;
text-decoration: none;
font-weight: bold;
display: inline-block;
margin-top: 10px;
border-bottom: 2px solid transparent;
transition: border-bottom 0.3s ease-in-out;
}
a:hover {
border-bottom: 2px solid #3498db;
}
</style>
</head>
<body>
<center>
<h1>gravitycss</h1>
<img src="./gravitycss.png" alt="gravitycsslogo" width="300px" height="300px">
<h3>This is gravitycss main file</h3>
<h4>Go to:</h4>
<a href="#">./public/main.html</a>
<h4>To edit this page</h4>
</center>
</body>
</html>