all atb changes

app/plugins/bookmarks/views/import.html

@@ -0,0 +1,31 @@
+<div class="my-4">
+    <div class="offset-2 col-8 p-3 context-main-bg">
+        <legend class="text-center">Bookmark Import</legend>
+        <hr>
+        {BKMTUTS}
+        <p class="ps-2">
+            Our import tool allows you to upload a file from you browser (Chrome, Firefox, etc) that will add all of your bookmarks and folders to your allthebookmarks.com dashboard.
+        </p>
+        <p class="ps-2">
+            The tool has been tested with all major browsers except safari. This includes Firefox, Chrome, Opera, Brave, and Edge. 
+            You will need to browse your computer and select the <strong>.html</strong> file where you exported your bookmarks from your browser.
+        </p>
+        <p class="ps-2">
+            If you need help exporting your bookmarks, we have <a href="/tutorials" class="text-decoration-none atb-green">tutorials</a> available for every major browser that can help.
+        </p>
+        <p class="px-2 text-muted text-center">
+            This explanation and others like it can be hidden in your <a href="/usercp/settings" class="text-decoration-none atb-green">Profile Settings</a>.
+        </p>
+        <hr>
+        {/BKMTUTS}
+        <form method="post" enctype="multipart/form-data">
+            <div class="offset-3 col-lg-6 my-4 text-center">
+                <label for="bookmark_file" class="col-lg-3 control-label">Import file (.html):</label>
+                <input type="file" name="bookmark_file" id="bookmark_file" accept=".html">
+            </div>
+            <div class="text-center">
+                <button type="submit" name="submit" value="submit" class="btn btn-lg center-block atb-green-bg">Import</button>
+            </div>
+        </form>
+    </div>
+</div>