Title & Body

الدرس 2 من 13 في دورة الشريط الجانبي | مشروع Front-end على Coddy.

التحدي

سهل

1. قم بإنشاء وسم title يتضمن النص 'Mobile Sidebar' (أو أي اسم تريد تسميته).

2. في الـ body، قم بإنشاء زر يتضمن النص 'Open' بالمعرف (ID) 'openSidebarBtn'.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
    <!-- Write HTML code here -->
    
</head>
    <body>
        <!-- Write HTML code here -->
        
        <script src="script.js"></script>
    </body>
</html>

جميع دروس الشريط الجانبي | مشروع Front-end

1Introduction

What you will build?

4Write JavaScript

Close Functionality

Open Functionality

2Write HTML

Title & BodyOpen & Close Buttons

Sidebar Content

Font and Background Setup

3Write CSS

تدرّب بنفسك: Playground لـ Web