Skip to content

Courses description #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
uzmasyed wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Courses description #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
78d5da1
course-description page
uzmasyed Mar 13, 2019
f842d76
course-description page
uzmasyed Mar 14, 2019
35981f8
course-description page
uzmasyed Mar 14, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
"font-awesome": "4.7.0",
"jquery": "3.3.1",
"node-sass": "4.11.0",
"owl.carousel": "^2.3.4",
"popper.js": "1.14.7",
"rxjs": "6.3.3",
"tslib": "1.9.0",
Expand Down
8 changes: 8 additions & 0 deletions src/app/app.module.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,10 @@ import { CoursesDescriptionComponent } from './courses-description/courses-descr
import { ForumComponent } from './forum/forum.component';
import { CoursePreviewComponent } from './course-preview/course-preview.component';
import { AboutComponent } from './about/about.component';
import { CourseEnrollmentComponent } from './courses-description/course-enrollment/course-enrollment.component';
import { CoursesAvailedComponent } from './courses-description/courses-availed/courses-availed.component';
import { RelatedCoursesComponent } from './courses-description/related-courses/related-courses.component';
import { CourseDetailsComponent } from './courses-description/course-details/course-details.component';
import { CategoriesComponent } from './categories/categories.component';
import { CourseCategoryComponent } from './courses/course-category/course-category.component';
import { AllCoursesComponent } from './courses/all-courses/all-courses.component';
Expand All @@ -35,6 +39,10 @@ import { AllCoursesComponent } from './courses/all-courses/all-courses.component
CoursePreviewComponent,
ContactComponent,
AboutComponent,
CourseEnrollmentComponent,
CoursesAvailedComponent,
RelatedCoursesComponent,
CourseDetailsComponent,
CategoriesComponent,
CourseCategoryComponent,
AllCoursesComponent,
Expand Down
26 changes: 26 additions & 0 deletions src/app/courses-description/course-details/course-details.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<div class="new">
<div>
<span>Reviews about the course:</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et cum neque molestias magnam sunt. Doloremque sequi laudantium impedit, nemo eum beatae! Quo quaerat assumenda distinctio tenetur commodi quidem consequatur ducimus?Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi quaerat corporis sapiente possimus qui magni voluptatem sint ipsam, doloribus maiores explicabo earum praesentium consequatur in atque quasi odit incidunt expedita.</p>
</div>
<div class="d-flex">
<div>
<img class="img" src="../../../assets/images/instructor">
</div>
<div>
<span>About the Instructor:</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est magni tempora eaque ratione amet cupiditate quos odit deserunt, aut natus architecto facere illum laboriosam, reiciendis enim quis earum aspernatur pariatur.</p>
</div>
</div>
<div>
<span>Rating of the course:</span><br>
<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i>
</div>
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions src/app/courses-description/course-details/course-details.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
.new{
background-color:#bcb7b7;
border-radius: .6rem;
padding: 20px 20px 20px 20px;
margin: 10px 10px 10px 10px;
}
span{
font-size: 1.4rem;
color: white;
}
i{
font-size: 1.6rem;
}
img{
border-radius: 50%;
margin:10px 20px 20px 8px;
}
25 changes: 25 additions & 0 deletions src/app/courses-description/course-details/course-details.component.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { CourseDetailsComponent } from './course-details.component';

describe('CourseDetailsComponent', () => {
let component: CourseDetailsComponent;
let fixture: ComponentFixture<CourseDetailsComponent>;

beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CourseDetailsComponent ]
})
.compileComponents();
}));

beforeEach(() => {
fixture = TestBed.createComponent(CourseDetailsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
15 changes: 15 additions & 0 deletions src/app/courses-description/course-details/course-details.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-course-details',
templateUrl: './course-details.component.html',
styleUrls: ['./course-details.component.scss']
})
export class CourseDetailsComponent implements OnInit {

constructor() { }

ngOnInit() {
}

}
180 changes: 180 additions & 0 deletions src/app/courses-description/course-enrollment/course-enrollment.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<html>
<head>
<link href="course-enrollment.component.scss">
</head>
<body>
<div class="complete_desc">
<div class="course_head"><span>Learn Machine Learning by Building Projects</span></div>
<div class="course_data">
<img class="course_img" src="../../../assets/images/Machine_Learn.png" alt="image">
<div class="but">
<ul class="but_list">

<button class="btn btn-secondary btn-lg" data-toggle="modal" data-target="#myModalHorizontal">
<li>Enroll Now</li>
</button>

<!-- Modal -->
<div class="modal fade" id="myModalHorizontal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Modal title
</h4>
</div>

<!-- Modal Body -->
<div class="modal-body">

<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-2 control-label"
for="inputEmail3">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control"
id="inputEmail3" placeholder="Email"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"
for="inputPassword3" >Password</label>
<div class="col-sm-10">
<input type="password" class="form-control"
id="inputPassword3" placeholder="Password"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"/> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>






</div>

<!-- Modal Footer -->
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">
Close
</button>
<button type="button" class="btn btn-primary">
Save changes
</button>
</div>
</div>
</div>
</div>





<!-- Button trigger modal -->
<button class="btn btn-secondary btn-lg" data-toggle="modal" data-target="#myModalNorm">
<li>Financial Aid</li>
</button>

<!-- Modal -->
<div class="modal fade" id="myModalNorm" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Modal title
</h4>
</div>

<!-- Modal Body -->
<div class="modal-body">

<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control"
id="exampleInputEmail1" placeholder="Enter email"/>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control"
id="exampleInputPassword1" placeholder="Password"/>
</div>
<div class="checkbox">
<label>
<input type="checkbox"/> Check me out
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>


</div>

<!-- Modal Footer -->
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">
Close
</button>
<button type="button" class="btn btn-primary">
Save changes
</button>
</div>
</div>
</div>
</div>



</ul>
</div>
</div>
<div class="course_point">
<ul class="main">
<li><a href="#course_desc">Course Description&nbsp;&nbsp;&nbsp;</a> | </li>
<li>&nbsp;&nbsp;&nbsp;<a href="#requirements">Pre-requisites&nbsp;&nbsp;&nbsp;</a> | </li>
<li>&nbsp;&nbsp;&nbsp;<a href="#skills">Skills Involved</a></li>
</ul>
<div id="course_desc">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Inventore iste explicabo praesentium, voluptatibus facilis voluptates vitae iusto sint quo saepe quisquam consequatur deleniti distinctio rem delectus aut officia. Officiis, impedit!Loremlore
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id aut at vero aperiam quod quidem, asperiores laborum, dolores error incidunt nemo earum saepe nisi dolore voluptatem ratione. Debitis, placeat animi?
ae suscipit, autem similique earum distinctio debitis error enim sed explicabo.
Facilis autem quae delectus impedit eaque deleniti.</div>
<div id="requirements">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quo itaque repellat cum possimus non eveniet velit sequi voluptate quia omnis explicabo repellendus rem a quasi temporibus quibusdam, quas, nesciunt quod!Lorem
distinctio, enim perferendis nihil vitae blanditiis voluptate, non iure molestias iusto esse modi atque repellendus omnis qui velit expedita dolores excepturi!
</div>
<div id="skills">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio placeat corporis qui inventore iure. Vero minus iure voluptas illum labore, at mollitia eius nesciunt impedit ullam dignissimos quasi molestiae
ut deleniti, quisquam quos ipsum voluptatum fugiat voluptate rerum sapiente amet autem hic suscipit architecto!
</div>
</div>
</div>
</body>
</html>
43 changes: 43 additions & 0 deletions src/app/courses-description/course-enrollment/course-enrollment.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
.course_head{
margin-bottom: 20px;
}
span{
color: chocolate;
font-size: 1.6rem;
}
.course_data{
display: inline-flex;
margin-bottom: 15px;
}
.course_img{
width: 45%;
height: 25%;
}
.but{
padding: 80px 20px 80px 20px;
justify-content: space-between;

}
button{
margin-bottom:16px;
padding: 6px 6px 6px 6px;
width: 260px;
height: 50px;
border-radius: .6em;
}
.but_list{
list-style:none;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 0px;
}
.course_point{
padding: 30px 20px 20px 20px;
background-color: burlywood;
border-radius: .8rem;
}
li{
list-style: none;
display: inline-flex;
font-size: 1.4rem;
}
25 changes: 25 additions & 0 deletions src/app/courses-description/course-enrollment/course-enrollment.component.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { CourseEnrollmentComponent } from './course-enrollment.component';

describe('CourseEnrollmentComponent', () => {
let component: CourseEnrollmentComponent;
let fixture: ComponentFixture<CourseEnrollmentComponent>;

beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CourseEnrollmentComponent ]
})
.compileComponents();
}));

beforeEach(() => {
fixture = TestBed.createComponent(CourseEnrollmentComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
Loading