Skip to content

Commit

Permalink
speaker page 🎉 (#22)
Browse files Browse the repository at this point in the history
  • Loading branch information
AmanRaj1608 authored and aashutoshrathi committed Sep 1, 2019
1 parent 1dafe85 commit 2a5ccfe
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 1 deletion.
42 changes: 41 additions & 1 deletion src/app/components/speakers-page/speakers-page.component.html
@@ -1 +1,41 @@
<p>Speaker-page works</p>
<div class="Rectangle-1"></div>
<div class="Rectangle-2"></div>
<div class="container">
<div class='row center-lg center-xs center-md'>
<div class="col-xs-12">
<app-homepage-title title='Speakers' color='#419bf9'></app-homepage-title>
</div>
<div class="text">
Hear from the <b>Googlers, Partners, and Guest Speakers</b>
who are building the future of cloud. Check back often
as we add more speakers, including our customers and partners.
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<app-speaker-card [isHomePage]='true'></app-speaker-card>
</div>
</div>
</div>
35 changes: 35 additions & 0 deletions src/app/components/speakers-page/speakers-page.component.sass
@@ -0,0 +1,35 @@
.text
width: 920px
height: max-content
font-family: 'Open Sans',sans-serif
font-size: 25px
font-weight: normal
font-style: normal
font-stretch: normal
line-height: 1.23
letter-spacing: normal
text-align: center
color: #ffffff
.Rectangle-1
position: absolute
width: 114.4px
height: 114.6px
top: 20%
left: 90%
border: solid 5px #00a79d
transform: rotate(45deg)
@media screen and (max-width: 930px)
display: none
.Rectangle-2
position: absolute
width: 100px
height: 100px
top: 50%
left: -5%
border: solid 5px #d7df23
border-radius: 20px
border-left: 20px solid transparent
border-bottom: 20px solid transparent
transform: rotate(50deg)
@media screen and (max-width: 930px)
display: none

0 comments on commit 2a5ccfe

Please sign in to comment.