add-event.component.html

<div class="registerPage">
    <div class="content">
        <div class="title">
            <div class=vertical></div>
            <div>Event Submission</div>
        </div>
        <mat-tab-group class="event">
            <mat-tab label="Workshop">
                <div class="inputs">
                    <form class="example-form">
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Workshop Name</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Description</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Conducted By</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Domain</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput type="number">
                            <mat-placeholder class="placeholder">Cost</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput type="date">
                            <mat-placeholder class="placeholder">Date</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput type="number">
                            <mat-placeholder class="placeholder">Capacity</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Location</mat-placeholder>
                        </mat-form-field>
                    </form>
                </div>
            </mat-tab>
            <mat-tab label="Conference">
                <div class="inputs">
                    <form class="example-form">
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Conference Name</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput>
                            <mat-placeholder class="placeholder">Description</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput type="number">
                            <mat-placeholder class="placeholder">Entry fee</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput type="number">
                            <mat-placeholder class="placeholder">Capacity</mat-placeholder>
                        </mat-form-field>
                        <mat-form-field class="example-full-width">
                            <input matInput type="date">
                            <mat-placeholder class="placeholder">Date</mat-placeholder>
                        </mat-form-field>

                    </form>