как подключить отдельную форму авторизации на отдельной html странице без шаблона

Всем доброго времени суток!
Dle как подключить отдельную форму авторизации на отдельной html странице без шаблона?
Вот код формы.

HTML код:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="HandheldFriendly" content="true">

<meta name="format-detection" content="telephone=no">

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">

<meta name="robots" content="noindex, nofollow">

<link rel="shortcut icon" href="{THEME}/images/favicon.gif" type="image/vnd.microsoft.icon">

<link href="/css/styles.css" type="text/css" rel="stylesheet">

<title>Авторизация</title></head>

<body>

[group=5]<div class="l-box" id="l-box" title="Авторизация" style="display: block;">

<div class="lb-head">Авторизация</div>

<div class="lb_in">

<form method="post">

<input type="text" name="login_name" id="login_name" placeholder="Ваш логин">

<input type="password" name="login_password" id="login_password" placeholder="Ваш пароль">

<div class="l-btm fx-row fx-middle">

<button onclick="submit();" type="submit" title="Вход">Войти на сайт</button>

<input name="login" type="hidden" id="login" value="submit"></div>

<div class="lb-check">

<input type="checkbox" name="login_not_save" id="login_not_save" value="1">

<label for="login_not_save">Не запоминать меня</label></div>

<div class="l-btm fx-row">

<a href="www.anitub.ru/index.php?do=lostpassword">Забыли пароль?</a>

<a href="/?do=register" class="log-register">Регистрация</a></div></form></div></div>[/group]

<div class="l-over"></div>

</body>

 </html>