Sure! Here's an example of a basic CSS code for a profile page:
```css
/* Container for the profile */
.profile {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
/* Profile picture */
.profile img {
width: 200px;
height: 200px;
border-radius: 50%;
}
/* Profile information */
.profile .info {
margin-top: 20px;
}
.profile .info h1 {
font-size: 24px;
margin-bottom: 10px;
}
.profile .info p {
font-size: 16px;
line-height: 1.5;
}
/* Buttons */
.profile .buttons {
margin-top: 20px;
}
.profile .buttons a {
display: inline-block;
padding: 10px 20px;
background-color: #f1f1f1;
text-decoration: none;
color: #333;
border-radius: 5px;
}
.profile .buttons a:hover {
background-color: #555;
color: #fff;
}
```
You can apply this CSS code to your HTML document by adding a `<link>` element in the `<head>` section of your HTML file, like this:
```html
<head>
<link rel="stylesheet" href="styles.css">
</head>
```
Make sure to save the CSS code in the file named "styles.css" in the same directory as your HTML file.
