Commit 939936d9 authored by Muhammad Saroosh Asif's avatar Muhammad Saroosh Asif
Browse files

First Layout

parent 9cd8d6aa
......@@ -27,6 +27,7 @@
"src/assets"
],
"styles": [
"src/custom-theme.scss",
"src/styles.css"
],
"scripts": []
......
......@@ -198,6 +198,23 @@
"tslib": "^2.2.0"
}
},
"@angular/cdk": {
"version": "12.2.13",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-12.2.13.tgz",
"integrity": "sha512-zSKRhECyFqhingIeyRInIyTvYErt4gWo+x5DQr0b7YLUbU8DZSwWnG4w76Ke2s4U8T7ry1jpJBHoX/e8YBpGMg==",
"requires": {
"parse5": "^5.0.0",
"tslib": "^2.2.0"
},
"dependencies": {
"parse5": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
"integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
"optional": true
}
}
},
"@angular/cli": {
"version": "12.2.13",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-12.2.13.tgz",
......@@ -368,6 +385,14 @@
"tslib": "^2.2.0"
}
},
"@angular/material": {
"version": "12.2.13",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-12.2.13.tgz",
"integrity": "sha512-6g2GyN4qp2D+DqY2AwrQuPB3cd9gybvQVXvNRbTPXEulHr+LgGei00ySdFHFp6RvdGSMZ4i3LM1Fq3VkFxhCfQ==",
"requires": {
"tslib": "^2.2.0"
}
},
"@angular/platform-browser": {
"version": "12.2.13",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.13.tgz",
......
......@@ -11,10 +11,12 @@
"private": true,
"dependencies": {
"@angular/animations": "~12.2.0",
"@angular/cdk": "^12.2.13",
"@angular/common": "~12.2.0",
"@angular/compiler": "~12.2.0",
"@angular/core": "~12.2.0",
"@angular/forms": "~12.2.0",
"@angular/material": "^12.2.13",
"@angular/platform-browser": "~12.2.0",
"@angular/platform-browser-dynamic": "~12.2.0",
"@angular/router": "~12.2.0",
......
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [];
const routes: Routes = [
{
path: '', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
},
{
path: 'page', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
},
{
path: 'user', loadChildren: () => import('./user/user.module').then(m => m.UserModule)
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
......
This diff is collapsed.
......@@ -3,6 +3,7 @@ import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
declarations: [
......@@ -10,7 +11,8 @@ import { AppComponent } from './app.component';
],
imports: [
BrowserModule,
AppRoutingModule
AppRoutingModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent]
......
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { EventsComponent } from './events.component';
describe('EventsComponent', () => {
let component: EventsComponent;
let fixture: ComponentFixture<EventsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ EventsComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(EventsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-events',
templateUrl: './events.component.html',
styleUrls: ['./events.component.css']
})
export class EventsComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
.heading {
font-family: 'Orator_Std_Medium';
color: #1a4273;
text-align: center;
margin-top: 15%;
margin-bottom: 5%;
font-size: 2em;
}
.grid {
width: 80%;
padding-left: 10%;
color: white;
}
.m3,
.m4,
.m8 {
background: #009fe3;
}
.m1,
.m5,
.m9 {
background: #1A4273;
}
.m2,
.m6,
.m7 {
background: #434343;
}
.line {
margin: 5%;
}
.text {
margin-left: 5%;
}
:host ::ng-deep .mat-grid-tile-content {
align-items: unset;
justify-content: unset;
padding-left: 5%;
font-family: 'Orator_Std_Medium';
}
.evhd {
font-family: 'Orator_Std_Medium';
color: #1a4273;
text-align: center;
font-size: x-large;
margin-bottom: 5%;
height: 40%;
}
.events {
padding-left: 10%;
width: 80%;
font-family: sans-serif;
color: #313131;
}
.big {
font-size: 48px;
}
/* */
\ No newline at end of file
<div class="heading">
<h1>Study & Research at DIT.</h1>
<h2>Discover our Pioneering and Vibrant University</h2>
</div>
<div class="text">
22 November 2021 | <a style="color: #428bca;">Switching to online teaching</a>
<br>
<br> 15 November 2021 | <a style="color: #428bca;">Introduction of 2G in teaching at DIT</a>
</div>
<hr class="line">
<div class="grid">
<mat-grid-list cols="3" rowHeight="1:1" gutterSize="3px">
<mat-grid-tile class="m1">
<pre><h1>EVENTS.</h1>
<h2>EXPLORE YOUR UNIVERSITY.</h2></pre>
</mat-grid-tile>
<mat-grid-tile class="m2">
<h1>CURRENT INFORMATION ABOUT THE CORONAVIRUS.</h1>
</mat-grid-tile>
<mat-grid-tile class="m3">
<h1>Apply Now.</h1>
</mat-grid-tile>
<mat-grid-tile class="m4">
<pre> <h1>BACHELOR.</h1>
<h1>MASTER.</h1></pre>
</mat-grid-tile>
<mat-grid-tile class="m5">
<h1>Research Groups</h1>
</mat-grid-tile>
<mat-grid-tile class="m6">
<h1>International students</h1>
</mat-grid-tile>
<mat-grid-tile class="m7">
<h1>INFORMATION</h1>
</mat-grid-tile>
<mat-grid-tile class="m8">
<h1>schedule</h1>
</mat-grid-tile>
<mat-grid-tile class="m9">
<h1>admissions</h1>
</mat-grid-tile>
</mat-grid-list>
</div>
<hr class="line">
<div class="evhd">
<h2>EVENTS</h2>
<br>
<br>
<div class="events">
<mat-grid-list cols="3" rowHeight="1:1" gutterSize="10px">
<mat-grid-tile>
<span class="big">26</span>
<span>NOV</span>
</mat-grid-tile>
<mat-grid-tile>
<span class="big">27</span>
<span>NOV</span>
</mat-grid-tile>
<mat-grid-tile>
<span class="big">28</span>
<span>NOV</span>
</mat-grid-tile>
</mat-grid-list>
</div>
</div>
<hr class="line">
<div class="evhd">
<h1>NEWS</h1>
<br>
<br>
<div class="events">
<mat-grid-list cols="3" rowHeight="1:1" gutterSize="10px">
<mat-grid-tile>
<span class="big">NEWS 1</span>
</mat-grid-tile>
<mat-grid-tile>
<span class="big">NEWS 2</span>
</mat-grid-tile>
<mat-grid-tile>
<span class="big">NEWS 3</span>
</mat-grid-tile>
</mat-grid-list>
</div>
</div>
<hr class="line">
\ No newline at end of file
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { HomepageComponent } from './homepage.component';
describe('HomepageComponent', () => {
let component: HomepageComponent;
let fixture: ComponentFixture<HomepageComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ HomepageComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(HomepageComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-homepage',
templateUrl: './homepage.component.html',
styleUrls: ['./homepage.component.css']
})
export class HomepageComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { InternalInfoComponent } from './internal-info.component';
describe('InternalInfoComponent', () => {
let component: InternalInfoComponent;
let fixture: ComponentFixture<InternalInfoComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ InternalInfoComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(InternalInfoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-internal-info',
templateUrl: './internal-info.component.html',
styleUrls: ['./internal-info.component.css']
})
export class InternalInfoComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment