diff options
author | Adam Carpenter <atc@53hor.net> | 2020-03-19 20:28:47 -0400 |
---|---|---|
committer | Adam Carpenter <atc@53hor.net> | 2020-03-19 20:28:47 -0400 |
commit | d318994d1e8684db3874c6987ed5e4cc3be66b2b (patch) | |
tree | 74911f5e04b185da06bf3b7da426498ad5d8df24 /src/html | |
parent | cac6c323efe0e2633692a9ee182122d08a526fd3 (diff) | |
download | carpentertutoring-d318994d1e8684db3874c6987ed5e4cc3be66b2b.tar.xz carpentertutoring-d318994d1e8684db3874c6987ed5e4cc3be66b2b.zip |
better design, basic email form, logos, favicon, icons
Diffstat (limited to 'src/html')
-rw-r--r-- | src/html/index.html | 32 |
1 files changed, 22 insertions, 10 deletions
diff --git a/src/html/index.html b/src/html/index.html index 2337e82..d1c102c 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -19,7 +19,7 @@ <nav class="navbar is-fixed-top"> <div class="navbar-brand"> <a class="navbar-item" href="#"> - <img src="/logo.png"> + <img src="/logo-simple.png"> </a> <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> <span aria-hidden="true"></span> @@ -104,7 +104,7 @@ <div class="box darkgray"> <div class="box darkteal"> <p> - Subject Tutoring + <b>Subject Tutoring</b> </p> <p> Tutoring for specific courses or disciplines. Click @@ -296,29 +296,41 @@ <div class="columns"> <div class="column is-one-third"> <div class="box"> - <form onSubmit="sendEmail()"> + <form name="inquiry"> <div class="field"> <div class="control"> - <input class="input is-rounded" type="text" placeholder="name"> + <input name="name" class="input is-rounded" type="text" placeholder="name"></input> </div> </div> <div class="field"> <div class="control"> - <input class="input is-rounded" type="text" placeholder="email"> + <input name="from" class="input is-rounded" type="text" placeholder="email address"></input> </div> </div> <div class="field"> <div class="control"> - <textarea class="textarea" placeholder="question/comment"></textarea> + <textarea name="body" class="textarea" placeholder="question/comment"></textarea> </div> </div> <div class="field"> <div class="control"> <button class="button is-rounded is-primary" type="submit"> - Submit + <span class="icon"> + <i class="iconify" data-icon="mdi-email-send"></i> + </span> + <span> + Submit + </span> </button> </div> </div> + + <div id="errorBox" class="notification is-danger" style="display: none"> + </div> + <div id="successBox" class="notification is-success" style="display: none"> + Message sent! + </div> + </form> </div> </div> @@ -348,8 +360,8 @@ </div> </footer> - <script src="/js/nav-toggle.js"></script> - <script src="https://smtpjs.com/v3/smtp.js"></script> - <script src="/js/send-email.js></script> + <script src="/js/index.js" type="text/javascript"></script> + <script src="/js/iconify.min.js" type="text/javascript"></script> + <script src="/js/smtp.js" type="text/javascript"></script> </body> </html> |