https://www.biohorizons.com/Home/Login

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Login</title>
7    <link href="/Content/lightslider.css" rel="stylesheet"/>
8<link href="/Content/vendor/ionicons.css" rel="stylesheet"/>
9<link href="/Content/vendor/entypo.css" rel="stylesheet"/>
10<link href="/Content/vendor/et-line-icons.css" rel="stylesheet"/>
11<link href="/Content/vendor/magnific.popup.css" rel="stylesheet"/>
12<link href="/Content/vendor/animate.css" rel="stylesheet"/>
13<link href="/Content/bootstrap.css" rel="stylesheet"/>
14<link href="/Content/Site.css" rel="stylesheet"/>
15<link href="/Content/theme.css" rel="stylesheet"/>
16<link href="/Content/CMSObjects/accordionObject.css" rel="stylesheet"/>
17<link href="/Content/CMSObjects/heroObject.css" rel="stylesheet"/>
18<link href="/Content/CMSObjects/imageGalleryObject.css" rel="stylesheet"/>
19<link href="/Content/CMSObjects/videoObject.css" rel="stylesheet"/>
20<link href="/Content/CMSObjects/sectionHeaderObject.css" rel="stylesheet"/>
21<link href="/Content/CMSObjects/carouselBlockObject.css" rel="stylesheet"/>
22<link href="/Content/CMSObjects/cardBlockObject.css" rel="stylesheet"/>
23<link href="/Content/CMSObjects/twoByBarObject.css" rel="stylesheet"/>
24<link href="/Content/CMSObjects/stickyBarObject.css" rel="stylesheet"/>
25<link href="/Content/CMSObjects/contactBlockObject.css" rel="stylesheet"/>
26<link href="/Content/CMSObjects/webinarBlockObject.css" rel="stylesheet"/>
27<link href="/Content/CMSObjects/filtersObject.css" rel="stylesheet"/>
28
29</head>
30<body>
31    

31<script src="/Scripts/jquery-3.7.1.js"></script>

31

32<script src="/Scripts/jquery-ui-1.12.1.js"></script>

32

33<script src="/Scripts/jquery.validate.js"></script>

33

34<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

34
35 
36
37    <div class="container body-content">
38        
39
40
41<br />
42<div class="row">
43    <div class="col-md-12">
44        <div class="row">
45            <div class="col-md-6 mx-auto">
46                <img src="/Admin/GetFile?Directory=Images/Logos/BioHorizons-logo.svg" alt="BioHorizons" class="m-b-1" style="margin:45px;" />
47                <hr />
48                <div id="LoginCard" class="card-block text-center">
49                    <h4 class="card-title">Are you a...</h4>
50                    <div class="text-center mt-3">
51                        <button type="button" onclick="DisplayCustomerCard()" class="btn btn-primary" style="max-width:100%;min-width:50%">BioHorizons Customer</button>
52                        <br />
53                        <br />
54                        <button type="button" onclick="DisplayEmployeeCard()" class="btn btn-outline-primary" style="max-width:100%;min-width:50%">BioHorizons Employee</button>
55                        <br />
56                        <br />
57<form action="/Home/Logout" method="post">                            <button type="submit" class="btn btn-secondary" style="max-width:100%;min-width:50%">Log Out</button></form>                        <br />
58                        <span style="color:red;"></span>
59                    </div>
60                </div>
61                <div id="CustomerCard" class="card-block text-center" style="display:none;">
62                    <h4 class="card-title">Customer Login</h4>
63                    <iframe id="iframe-loading" src="https://usstore.biohorizons.com/login?inframe=true&amp;ReturnUrl=https%3a%2f%2fwww.biohorizons.com%2fHome%2fVerify%3fq%3ddYzBuwdAqYfsuuS5tUzwAqzFggReWL3S" frameborder="0" height="450"></iframe>
64                </div>
65                <div id="EmployeeCard" class="card-block text-center" style="display:none;">
66                    <h4 class="card-title">BioHorizons Employee Login</h4>
67                    <div class="text-center mt-3">
68<form action="/Home/Login" id="LoginForm" method="post"><input class="form-control" id="Email" name="Email" placeholder="Your BioHorizons Email" style="display:block;margin: 0 auto;" type="text" value="" />                            <br />
69<input class="form-control" id="Password" name="Password" placeholder="Password" style="display:block;margin: 0 auto;" type="password" value="" />                            <br />
70<input id="response" name="response" type="hidden" value="" />                            <button class="g-recaptcha btn btn-primary"
71                                    data-sitekey="6Lc6_2wUAAAAABu5S4fVLtAe63BhdrgPgZhGW5bH"
72                                    data-callback="OnSubmitLogin"
73                                    style="max-width:100%;min-width:50%">
74                                Login
75                            </button>
76                            <br />
77                            <span style="color:red;"></span>
78</form>                    </div>
79                </div>
80            </div>
81        </div>
82    </div>
83</div>
84
85
86    </div>

86
87    <script src='https://www.google.com/recaptcha/api.js'></script>
88    

88<script src="/Scripts/modernizr-2.8.3.js"></script>

88

89<script src="/Scripts/fontawesome/all.min.js"></script>

89
90
91    

91<script src="/Scripts/lightslider.js"></script>

91

92<script src="/Scripts/theme.vendors.min.js"></script>

92

93<script src="/Scripts/bootstrap.bundle.js"></script>

93

94<script src="/Scripts/stickyBar.js"></script>

94

95<script src="/Scripts/cmscontainermanagement.js"></script>

95
96
97    
98    

98<script type="text/javascript">
99        function OnSubmitLogin(token) {
100            document.getElementById("response").value = token;
101            $("#LoginForm").submit();
102        }
103
104        function DisplayCustomerCard() {
105            $("#LoginCard").fadeOut(250, function () {
106                $('#CustomerCard').fadeIn(250);
107            });
108        }
109
110        function DisplayEmployeeCard() {
111            $("#LoginCard").fadeOut(250, function () {
112                $('#EmployeeCard').fadeIn(250);
113            });
114        }</script>

114
115
116</body>
117</html>