Spaces:
Running
Running
File size: 2,953 Bytes
04f52eb 8b465d7 04f52eb 8b465d7 04f52eb 8b465d7 04f52eb 8b465d7 04f52eb 8b465d7 04f52eb f43e31f 8b465d7 f43e31f 04f52eb f43e31f 04f52eb 56f7d20 8b465d7 04f52eb 7a8934e 04f52eb 8b465d7 5531316 f43e31f 04f52eb 8b465d7 f43e31f 04f52eb 7a8934e 04f52eb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<title>Welcome to My Website</title>
<style>
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
.header {
background-color: #007bff;
color: white;
padding: 20px;
text-align: center;
border-bottom: 5px solid #0056b3;
}
.header a {
color: #ff9900;
}
.container {
max-width: 800px;
margin: auto;
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card {
margin-bottom: 20px;
border: none;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px);
}
.card:hover {
transform: scale(1.03);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.card .btn {
background-color: #007bff;
color: white;
transition: all 0.3s ease;
}
.card .btn:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<header class="header">
<h1>Welcome to My Website (I'm so busy now! Wait for me, this will be the page containing all the projects!)</h1>
<p>This is an introductory website, aimed at helping more people use AI. If there is any website that is not working, please <a href="https://huggingface.co/spaces/ngoctuanai/project/discussions" target="_blank">contact me</a>.</p>
</header>
<div class="container">
<h2>AI Chat</h2>
<div class="card">
<div class="card-body">
<h5 class="card-title">1) 🌟ChatGPT Free</h5>
<p class="card-text">https://github.com/chokiproai/ChatGPT-Plugins</p>
<a href="https://34cn89-3000.csb.app" class="btn" target="_blank">Start</a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">2) 🌟</h5>
<p class="card-text">Project description goes here.</p>
<a href="#" class="btn" target="_blank">Start</a>
</div>
</div>
</div>
<div class="container">
<h2>AI Drawing</h2>
</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html> |