workflow-ui documentation
  1. Components
  2. OrganizationJoinComponent

File

src/app/organization-join/organization-join.component.ts

Implements

OnInit

Metadata

selector app-organization-join
styleUrls ./organization-join.component.css
templateUrl ./organization-join.component.html

Index

Methods

Constructor

constructor()
Defined in src/app/organization-join/organization-join.component.ts:8

Methods

ngOnInit
ngOnInit()
Defined in src/app/organization-join/organization-join.component.ts:12
Returns : void 
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-organization-join',
  templateUrl: './organization-join.component.html',
  styleUrls: ['./organization-join.component.css']
})
export class OrganizationJoinComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

<body class="bg-primary">
    <div class="bg-img-repeat" style="background-image: url('../../assets/img/pattern-shapes.png')">
        <div id="layoutAuthentication">
            <div id="layoutAuthentication_content">
                <br>
                <br>
                <br>
                <br>
                <main>
                    <div class="container">
                        <div class="row justify-content-center">
                            <!-- Join Organization-->
                            <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
                                <div class="card border-0 shadow-lg mt-5">
                                    <div class="card-body p-5 text-center">
                                        <div class="icons-org-join align-items-center mx-auto"><i class="icon-user fas fa-user"></i><i class="icon-arrow fas fa-long-arrow-alt-right"></i><i class="icon-users fas fa-users"></i></div>
                                        <div class="h3 text-secondary font-weight-300 mb-0">Join an Organization</div>
                                    </div>
                                    <hr class="m-0" />
                                    <div class="card-body p-5">
                                        <form>
                                            <h5 class="font-weight-500 mb-3">Have an access code?</h5>
                                            <div class="form-group"><input class="form-control form-control-solid" type="text" placeholder="Enter access code" aria-label="Access Code" aria-describedby="accessCodeExample" /></div>
                                            <a class="btn btn-block btn-secondary" href="login-social.html">Join</a>
                                        </form>
                                    </div>
                                    <div class="org-or-divider"><div class="org-or">or</div></div>
                                    <div class="card-body p-5">
                                        <form>
                                            <h5 class="font-weight-500 mb-3">Request access</h5>
                                            <div class="form-group"><input class="form-control form-control-solid" type="text" placeholder="Existing organization name" aria-label="Access Code" aria-describedby="accessCodeExample" /></div>
                                            <a class="btn btn-block btn-secondary" href="login-social.html">Request Access</a>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
            <div id="layoutAuthentication_footer">
                <footer class="footer mt-auto footer-dark">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6 small">Copyright &copy; Work-Flow 2023</div>
                            <div class="col-md-6 text-md-right small">
                                <a href="#!">Privacy Policy</a>
                                &middot;
                                <a href="#!">Terms &amp; Conditions</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
</body>

./organization-join.component.css

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""