How to use Adoff Framework

Mohammad Didar
2 min readDec 27, 2021

--

The uses of Adoff Framework is very simple In this blog will talk about that

Step-1: First you create an index.html file

index.html

Step-2: Then Write basic HTML code inside in your index.html file like that

<!DOCTYPE html>
<html lang="en">
<head>
<title>Use of Adoff Framework</title>
</head>
<body>

</body>
</html>

Step-3: Now open any browser and search adoff.net

search adoff framework

Step-4: When the website is open you click Get Started

click get started in adoff

Step-5: Now click copy Adoff CDN link

Now click copy Adoff CDN link

Step-6: Now paste the CDN link down of the title tag in your HTML code

paste the adoff CDN link down of the title tag in your HTML code

Step-7: Then again go to the website and you saw some boxes like ( Navbar, Hero Section, Button ), etc.

Now If you want a Responsive navbar then click the Navbar Text

Step-7: Then again go to the website and you saw some boxes like ( Navbar, Hero Section, Button ), etc.
 
 Now If you want a Responsive navbar then click the Navbar Text

Step-8: After clicking Navbar text we get some nice and beautiful navbar design. You just chose any of the design

and copy the code

Step-8: After clicking Navbar text we get some nice and beautiful navbar design. You just chose any of the design
 
 and copy the code

Step-9: Now paste the code in your inside of <body> </body> tag

Step-10: Now Your Navbar design is done check it. That’s the way you can use Adoff Framework.

--

--

Mohammad Didar
Mohammad Didar

Written by Mohammad Didar

0 Followers

Hello guys my name is Mohammad Didar I am a frontend designer and UI UX designer. Also am the creator of the Adoff Framework

No responses yet