---
title: 前端行動家 0505
tags: 前端行動家
---
:::info
[🎯 回首頁](https://hackmd.io/@futurenest/frontend_all)
:::
[toc]

# 前端行動家_0505class

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAFh3wxvF9U&#x2F;view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>

## accout

<Account>
    <img src={headphoto} alt="headphoto" className="headphoto"></img>
    <p> Janice </p>
</Account>

.headphoto{
  width: 24px;
  height: 24px;
  border-radius: 64px;
  margin-right: 8px;
}

## dashboards

import { BsPieChart } from "react-icons/bs";
import { BiFolder, BiBookOpen, BiShoppingBag } from "react-icons/bi";
import { TbBrandWechat, TbNotebook } from "react-icons/tb";
import { FaPeopleArrows, FaUser } from "react-icons/fa";
import { MdSwitchAccount} from "react-icons/md";

## arrow

.arrow {
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right{
    transform: rotate(-45deg);
    margin-right: 10px;
}