Create web templates for event management

community/public/css/style.css

@@ -369,6 +369,16 @@ input[type=checkbox] {
   line-height: 135%;
   color: var(--text-color);
 }
+.view-talk-link {
+  background: var(--button-background);
+  border-radius: 4px;
+  font-size: 14px;
+  padding: 8px 22px 8px;
+  text-align: center;
+  line-height: 135%;
+  color: var(--text-color);
+
+}
 
 .cards-parent {
   display: grid;
@@ -837,6 +847,10 @@ input[type=checkbox] {
   padding: 20px 0px 16px;
 }
 
+.member-card .talk-title{
+  font-weight: bold;
+}
+
 .member-card-large {
   width: 256px;
   height: 188px;
@@ -862,6 +876,7 @@ input[type=checkbox] {
   font-weight: bold;
 }
 
+
 .member-card-xl .member-card-title {
   font-weight: bold;
 }
@@ -916,6 +931,11 @@ input[type=checkbox] {
   margin: 0;
 }
 
+.avatar-medium-schedule{
+  width: 70px;
+  height: 70px;
+}
+
 .avatar-large {
   width: 88px;
   height: 88px;
@@ -1350,3 +1370,118 @@ pre {
 .markdown-source h4 {
   font-size: 1rem;
 }
+
+.talk-card { 
+  width: 16rem;
+}
+
+.talk-title {
+  border-bottom: 1px solid #cecdcd;
+}
+
+.mt-5 {
+  margin-top: 5px;
+}
+
+.company-name {
+  font-weight: bold;
+}
+
+a.talk-link {
+  text-decoration: none;
+}
+
+.talk-card {
+  flex-direction: column;
+}
+
+.speaker-cards-parent {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  -moz-column-gap: 32px;
+  column-gap: 14px;
+  row-gap: 32px;
+}
+
+.avatar img {
+  object-fit: cover;
+}
+
+.section-with-cards .course-home-headings {
+  margin: 0px 0px 1rem;
+}
+
+.schedule-container {
+  padding-bottom: 16px;
+}
+
+.schedule-inner-container {
+  display: grid;
+  grid-template-columns: 1.2fr 3fr 0.4fr;
+  padding: 0 20px 0;
+}
+
+.schedule-slot {
+  font-weight: bolder;
+}
+
+.schedule-title {
+  font-size: 20px;
+}
+
+.schedule-info{
+  display: none;
+  padding: 20px;
+}
+
+
+.drop-down-icon {
+  padding : 5px 0 0 5px;
+}
+
+.event-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 3rem;
+}
+
+.exhibitor-card {
+  text-align: center;
+  padding-bottom: 30px;
+}
+
+.exhibitor-card .company-name{
+  font-size: 25px;
+  margin-top: 30px;
+}
+
+.exhibitor-card .company-logo{
+  height: 158px;
+  width: 252px;
+  object-fit: contain;
+}
+
+.schedule-container:hover > .schedule-info {
+  display: block;
+  transition: all 0.3s ease-in-out;
+}
+
+.info-speaker-avatar {
+  display: flex;
+  text-align: left;
+}
+
+.info-speaker {
+  margin-left: 1rem;
+  padding-bottom: 0;
+  margin-top: 6px;
+}
+
+.info-avatar img{
+  object-fit: contain;
+}
+
+.hide{
+  display: none;
+}