اجرا نشدن گزخدپ

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

من ایکون هارو کپی میکنم ولی برام اجرا نمیشه

درود

در کدپن آپلود کنید و یا کل پروژه رو زیپ و اینجا پیوست کنید.

نازنین کریمی مقدم ۰۷ اسفند ۱۴۰۲، ۰۶:۱۸

<!DOCTYPE html>
<html lang="fa">
    <link rel="stylesheet" href="assets/css/style.grid.system.css">
    <link rel="stylesheet" href="assets/css/syyle.css">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>main page</title>
</head>
<body>
<div class="container-fluid container-fluid-custom">  
         <div class="row">
            <div class="container">
             <div class="col-xs-6 col-s-6 col-l-6 contact"><i>erfan.khosh.1383@gmail.com </i>  <i class="fa-solid fa-envelope"></i>09195383250 </div>
             <div class="col-xs-6 col-s-6 col-l-6 socialmedia">
                <i class="fa-brands fa-facebook-f">facebook </i>
                <i class="fa-brands fa-facebook-f">insta </i>
            </div>
            </div>
        </div>
    </div>
    <script src="assets/js/main.js"></script>
</body>
</html>

عرفان خوش بخت ۰۷ اسفند ۱۴۰۲، ۱۷:۰۴

@font-face {
    font-family: vazir ;
    src: url(../fonts/Vazir-Black.eot)
    url(../fonts/Vazir-Bold.eot)
    url(../fonts/Vazir-Thin.eot);
    font-weight: 700;
    font-style: normal;}
    .container-fluid-custom{
    background-color: rgb(1, 1, 112);
    color: white;
    height: 40px;
}
.contact{
    font-size: 14px;
    color: orange;
    margin-right: 12px;
}
.container-fluid-custom .contact i{
    vertical-align: -2;
}
.container-fluid-custom .socialmedia{
   direction: ltr;
   margin-right: 250px;
}
.container-fluid-custom .socialmedia i{
    vertical-align: -6;
    margin-right: 3px;
    padding: 10px;
    width: 40px;
}

عرفان خوش بخت ۰۷ اسفند ۱۴۰۲، ۱۷:۰۴