Welcome to Dave's Community

A dynamic user profile showcasing your progress.

Dave's Image

Dave - A valued member of our community.

Experience Level: Intermediate

Contributions: 250

Total Contributions: 250

Active Users: 123

Recent Activity: 3 completed projects

Dave
Dave's Avatar

Location: United States

Contact: david.smith@example.com

``` ```css /* style.css */ body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; line-height: 1.6; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; border-bottom: 1px solid #ccc; } main { padding: 20px; } .profile-container { width: 300px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; } .profile-container img { width: 100%; border-radius: 5px; margin-bottom: 10px; } .profile-container h1 { font-size: 2em; margin-bottom: 10px; } .profile-container p { font-size: 1.2em; } .stats { display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin-bottom: 20px; } .stats h3 { font-size: 1.7em; margin-bottom: 5px; } .stats p { font-size: 1em; } .user-name { font-size: 1.2em; margin-bottom: 5px; font-weight: bold; } .user-avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; } .user-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; margin-bottom: 10px; } .user-details { display: flex; flex-direction: row; justify-content: space-around; align-items: center; } .user-details h2 { font-size: 1.8em; margin-bottom: 20px; } .user-details p { font-size: 1.1em; } .user-details .user-name { font-size: 1.4em; font-weight: bold; } .user-details .user-avatar { width: 100%; height: 100%; object-fit: cover; margin-bottom: 10px; } .user-details .user-details-info { text-align: center; margin-bottom: 20px; } .user-details .user-details-info h3 { font-size: 1.3em; margin-bottom: 5px; } .user-details .user-details-info p { font-size: 1em; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; border-top: 1px solid #ccc; }