cleanUrl: /ko/templates/conference
title: "컨퍼런스 템플릿 with Oopy" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "컨퍼런스 템플릿 페이지를 템플릿으로 쉽고 빠르게 만들어 보세요!" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.
scrollProgressBar: # 페이지 가로 스크롤바를 표시합니다
  show: true
  color: "#009B3F"
theme: "custom"
backgroundColor: "#52D192"
fonts:  # 페이지의 폰트를 설정합니다
  headerFont: "Montserrat"
  defaultFont: "Montserrat"
fontColor: "#ffffff"
showPageview: true # 페이지 방문수를 표시합니다
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨깁니다
hideCollectionViewList: true # 데이터베이스의 뷰 목록을 숨깁니다
pageMaxWidth: 1000 # 페이지 최대 너비를 설정합니다 (노션 기본값 900)
cta: # 하단에 CTA 버튼을 추가합니다
  backgroundColor: "rgb(0, 0, 0)"
  bottom: 16
  color: "rgb(255, 255, 255)"
  content: "컨퍼런스 참여하기"
  href: "<https://www.google.com>"
  newTab: true
  shadowColor: "rgba(55,53,47,0.4)"
imageBorderRadius: 20 # 이미지를 둥글게 만듭니다
calloutBorderRadius: 20 # 콜아웃을 둥글게 만듭니다
galleryBorderRadius: 20 # 갤러리를 둥글게 만듭니다
gotoTop: # 맨 위로 버튼을 추가합니다
  align: "left"
  alignPixel: 12
  bottom: 84
  fitToScreen: false
  show: true
kakaoChannel: # 카카오톡 채널 버튼을 추가합니다
  href: "<https://www.oopy.io/ko/guides/plugins/kakaotalk-channel>"
  bottom: 84
  fitToScreen: false
<head>
<style>
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0, 30px)
    }

    to {
      opacity: 1;
      transform: translate(0, 0)
    }
  }

  .cta {
    max-width: 708px !important;
    border-radius: 60px !important;
    background: linear-gradient(#A4A4A4, #000000);
    transition: 300ms;
    box-shadow: 0px 8px 20px rgba(23, 78, 186, 0.3);
    animation: 800ms ease fadeIn;
  }

  .cta:hover {
    filter: brightness(72%)
  }
</style>
</head>

template_main_banner_portfolio.png

<aside> 📢 * 템플릿은 우측 상단의 ‘더보기 버튼(∙∙∙) - 복제' 버튼을 눌러 사용하시면 됩니다.

컨퍼런스 및 세미나 템플릿을 소개합니다~!

</aside>

main.png

A Design Conference by ‘000’

20nn 00 디자인 컨퍼런스를 소개합니다!

(컨퍼런스에 대한 설명을 넣어주세요.)

bg.png

나의 디자인 MBTI는?!

(이미지 모서리 둥글게는 우피의 HTML 편집으로도 가능하고, 콘솔 - 스타일 에서도 설정할 수 있어요.)

MBTI.png

bg.png

<style>
	.hello-world {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 160px;
		height: 50px;
		font-weight: bold;
		color: #ffffff;
		background-color: #000000;
		border-color: #000000;
		transition: 300ms;
		text-decoration: none;
		margin: 0 auto;
	}
	.hello-world:hover {
		color: white;
		background-color: #ed7fcc;
		color: white;
	}
</style>
<a class="hello-world" target="_blank" style="border-radius: 32px;" href="https://"> 테스트 시작하기 </a>

(위와 같은 버튼을 만들고 싶다면 우피의 HTML 코드블럭 가이드를 참고해서 만들어 주세요.)