proginn
/
proginn-frontend


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>邮箱招聘要求</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body style="width: 100vw;">

<!-- 为了邮件客户端兼容性，CSS必须内嵌，且不允许使用position定位，宽度为600px； img标签可能兼容性不太好。  -->
<div class="content"
  style=" width: 600px;background-color: #fff;border: 1px solid rgba(0,0,0,0.06); border-radius: 7px; margin-left: auto;margin-right: auto;">
  <div class="header" style="width: 100%; height: 53px;display: flex;align-items: center;">
    <img src="https://stacdn.proginn.com/image/email/logo@2x.png" alt="logo"
      style="height: 30px;width: 113px;margin-left: 20px;">
  </div>
  <div class="bodyy">
    <div class="jobInfo" style="
    background: url('https://stacdn.proginn.com/image/email/banner@2x.png') no-repeat;
    background-size: cover;
    width:100%; height: 172px; display: inline-block; box-sizing:
    border-box; padding-left: 47px; padding-right: 47px;padding-top: 47px; padding-bottom: 47px">
      <div style="display: flex;">
        <div style="height: 35px;font-size: 25px;font-weight: 600;text-align: left;color: #ffffff;line-height: 35px;">
          产品经理-全职
        </div>
        <div style="width: fit-content;height: 34px;margin-left: 80px; border: 2px solid #ffcb5f;border-radius: 3px;
        box-sizing: content-box;padding-left: 14px;padding-right: 14px;
font-size: 22px;font-weight: 700;text-align: center;color: #ffcb5f;line-height: 34px;
word-break: keep-all;white-space: nowrap">
          20-15K/月
        </div>
      </div>
      <div class="desc"
        style="margin-top:12px; width: 300px;height: 31px;opacity: 0.8;font-size: 11px;font-weight: 400;text-align:
        left;color:
        #ffffff;line-height: 15px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;">
        这是岗位描述，这是岗位描述这是岗位描述这是岗位描述，这是岗位描述这是岗位描述
      </div>
    </div>

    <div class="dataInfo" style="width: 100%; height: 47px;box-sizing: border-box;
    display: flex;align-items: center;padding-left: 17px;font-size: 13px;font-weight: 600;color: #222222;text-align:
    left; border-bottom: 1px solid rgba(0,0,0,0.06);">
      <div style="color: #222222;">招聘数据：</div>
      <div style="color: #999999;">已投递</div>
      <div style="color: #1E84FF;margin-left: 2px">210</div>
      <div style="color: #999999;margin-left: 10px">浏览量</div>
      <div style="color: #1E84FF;margin-left: 2px">210</div>
    </div>

    <div class="list">
      <div class="cell" style="width: calc(100% - 60px); height: 86px;box-sizing: border-box; margin-left: 30px;
      margin-right:
      30px;display: flex; align-items: center; justify-content: space-between;border-bottom: 1px solid rgba(0,0,0,0.06);">
        <div class="left" style="display: flex; align-items: center">
          <div class="userImg">
            <img src="" alt="头像" style="width: 53px;height: 53px;border-radius: 50%;"></div>
          <div class="userInfo" style="margin-left: 11px;">
            <div class="ttt"
              style="height: 18px;font-size: 14px;font-weight: 600;text-align: left;color: #222222;line-height: 18px;">产品经理-3年工作经验-背景
            </div>
            <div class="time"
              style="height: 20px;margin-top: 2px;font-size: 12px;font-weight: 400;text-align: left;color: #666666;line-height: 20px;">2020-07-06 19:19 已投递简历
            </div>
          </div>
        </div>
        <div class="right">
          <a href="#/showDetail" target="_blank" style="text-decoration:none;
                width: 100px;display: inline-block; height: 31px; border: 1px solid #308eff;border-radius: 3px;font-size: 12px;
                font-weight: 500;text-align: center;color: #308eff;line-height: 31px;">查看TA的简历</a>
        </div>
      </div>

    </div>
  </div>
  <div class="footer" style="display: flex; flex-direction: column; align-items: center;margin-top: 30px;">
    <div class="stitle" style="height: 18px;font-size: 13px;font-weight: 400;text-align: center;color: #222222;">
      立即激活账号登录
      <span style="color: #308EFF;">程序员客栈APP</span>
      直接和程序员沟通
    </div>
    <a href="" target="_blank" class="rightBtn"
      style="width: 213px;height: 38px;background: #308eff;border-radius: 3px;text-decoration:none;box-shadow: 0px 2px 5px 0px;display: block;margin-top: 27px;margin-bottom: 27px;
font-size: 13px;font-weight: 500;text-align: center;color: #ffffff;line-height: 38px;">
      立即激活
    </a>
    <div class="logo">
      <img src="https://stacdn.proginn.com/image/common/qrcode/download.png?v=1" alt="下载二维码" style="width:
      70px;height: 70px;">
    </div>
    <div class="tipsWord" style="margin-top: 8px;margin-bottom: 30px;height: 29px;
   font-size: 10px;font-weight: 400;text-align: center;color: #999999;line-height: 15px;">
      <p style="margin-top: 0; margin-bottom: 0;">扫码下载程序员客栈APP</p>
      <p style="margin-top: 0; margin-bottom: 0;">了解更多招聘详情！</p>
    </div>
  </div>
</div>
<div
  style="margin-top: 10px;margin-left: auto;margin-right: auto;height: 15px;font-size: 12px;font-weight: 400;text-align: center;color: #999999;line-height: 15px;">
  如果您不想再收到此类邮件，请点击<a href="" target="_blank" style="text-decoration:none;">这里退订</a>
</div>
</body>
</html>