/sociabuzz-clone

Primary LanguageHTML

Preview

✍ HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Sazumi Viki Sociabuzz Clone</title>
    <meta name="description" content="Sociabuzz Clone By Sazumi Viki 2008 - 2022">
    <link rel="alternate icon" class=js-site-favicon type=image/ico href=https://dev.sazumiviki.com/favku>
    <link rel=icon class=js-site-favicon type=image/ico+xml href=https://dev.sazumiviki.com/favku>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@100;200&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

View More

✍ CSS

@import url('https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@100;200&display=swap');
body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;   
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    overflow-y: scroll;
    height: 100vh !important;
}
.profile-images {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    object-fit: cover;
    -o-object-position: initial;
    object-position: initial;
    -o-object-fit: cover;
}
.profilepic__marginbottom {
    margin-bottom: 10px;
}
.name {
    margin-bottom: 0.3px;
}
img {
    vertical-align: middle;
    border-style: none;
}
.description__margintop {
  margin-top: 4px;
}

View More