چگونه یک صفحه فرود را در کمتر از 100 خط کد ایجاد کردم - سئو PBN

@مادزادفمادزا

توسعه دهنده نرم افزار و نویسنده فنی

HTML

با ایجاد یک جدید شروع کنید

index.html

بایگانی را با تایپ کردن و راه اندازی کنید

و فشار دادن

Tab

. نام سایت خود را در برچسب های عنوان تایپ کنید. در تب مرورگر نمایش داده می شود.


<html lang="en"

   
   
   My Awesome Landing Page

سپس divs ایجاد کنید که صفحه را بپیچاند و محتوا را در مرکز قرار دهد. عنوانی اضافه کنید که به شما معرفی شود و یک پاراگراف از مهارت های شما. من همچنین از عناصر span روی جداکننده ها استفاده کردم تا بعداً آنها را سبک کنم.

class="page-wrapper"
      <div class="content-wrapper"
        Hi, I'm Jane

        
          FrontEnd  |  BackEnd
           |  DevOps
        

      div
 </div

در مرحله بعد ، یک پوشه Icons جدید ایجاد کنید. میتونی پیدا کنی آیکون های عالی عالی با قلم عالی. برای دریافت بسته از سایت آنها بازدید کرده و ایمیل را وارد کنید. آن را از حالت فشرده خارج کرده و به پوشه Icons اضافه کنید. در آخر به

all.css

پرونده را در بسته قرار دهید.

"stylesheet" href="icons/font-awesome/css/all.css" /

نمادهای خود را به داخل پیوندها اضافه کنید و از نحو مناسب Font Awesome برای نمادهای خاصی که می خواهید استفاده کنید استفاده کنید (به اسناد آنها مراجعه کنید).

"https://twitter.com/jane"
  <i class="icon fab fa-twitter fa-2x"i
</a
/github.com/jane"
   -2x"

https://www.linkedin.com/in/jane/"
   class="icon fab fa-linkedin-in fa-2x"i
</a
/blog.jane.dev"
   
a