メルマガデザイン
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web page</title>
<meta name="description" content="sample text sample text sample text sample text sample text sample text sample text sample text ">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet">
<style type="text/css">
body{
font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-size: 15px;
line-height: 1.5;
color: #333;
}
* {
text-decoration: none;
box-sizing: border-box;
}
.背景 {
width: 640px;
background: rgba(252,251,247,1);
margin-top: 50px;
}
/* header */
.header {
padding-top: 20px;
}
.会社logo span{
text-align: left;
}
.日付 {
float: left;
padding-left: 44%;
padding-top: 20px;
}
.日付-中央{
text-align: center;
}
.日付 div {
text-align: center;
margin: 0;
}
.Mail-Magazine {
margin: 0;
color: rgba(68,68,68,1);
font-size: 12px;
}
.header-日付 {
margin: 0;
color: rgba(68,68,68,1);
font-size: 12px;
}
.タイトル {
float: left;
margin-top: auto;
}
/* 挨拶文 */
.挨拶 {
clear: left;
padding: 33px 0;
}
.線 {
height: 2px;
background: rgba(0,0,0,1);
}
.v3_22-内容 {
margin: 0;
color: rgba(68,68,68,1);
font-size: 20px;
text-align: center;
}
.ブログキャッチコピー{
padding: 38px 0;
margin: 0;
color: rgba(68,68,68,1);
font-size: 28px;
text-align: center;
font-weight: bold;
}
/* ブログ記事 */
.v3_26-カテゴリーtitle {
color: rgba(68,68,68,1);
font-weight: Bold;
font-size: 34px;
text-align: center;
border-left: 4px solid black;
padding-left: 10px;
}
.メイン {
background: rgb(217, 217, 217);
width: 640px;
}
.title {
margin: 0;
padding: 25px 0px;
color: rgba(68,68,68,1);
font-weight: Bold;
font-size: 24px;
text-align: center;
}
.ブログトップ画像 {
width: 100%;
border: 1px solid rgba(0,0,0,1);
}
.記事リンクボタン {
padding-top: 20px;
text-align: center;
}
.ボタン {
padding: 10px 32px;
border-radius: 10px;
background: rgba(205,174,99,1);
color: rgba(68,68,68,1);
font-weight: bold;
font-size: 24px;
text-align: center;
}
.リンクボタン{
text-align: center;
cursor: pointer;
}
.内容 {
margin-bottom: 50px;
padding: 0 35px 65px;
color: rgba(68,68,68,1);
font-weight: Bold;
font-size: 18px;
}
/* サイト誘導リンク */
.サイト誘導リンク {
padding: 36px 0;
}
/* footer */
.footer {
padding: 26px 0;
}
.footer-会社logo {
padding: 30px 0;
}
.footer-会社logo-image {
margin-left: auto;
margin-right: auto;
width: 256px;
}
.会社logo-Image{
width: 256px;
}
.縦並び{
text-align: center;
}
.SNS-リンク {
padding: 0 120px;
}
.SNS-リンク a {
padding: 0 10px;
text-decoration: none;
}
.会社リンク {
width: 120px;
color: rgba(68,68,68,1);
font-weight: bold;
font-size: 12px;
text-align: center;
}
.フッタ-リンク{
padding: 20px 0;
color: #fff ;
background-color:#485978 ;
text-align: center;
}
.リンク{
font-weight: bold;
}
.リンク a {
text-decoration: underline;
font-size: 16px;
color: #fff ;
padding: 10px 20px;
}
.コピーライト{
padding-top: 10px;
}
</style>
</head>
<body>
<img src="https://op.c1c.jp/spacer.gif?{=OpenRate=}" width="1" height="1">
<div class="背景">
<!-- header -->
<div class="header">
<div class="タイトル">
<div class="会社logo">
<img class="会社logo-Image" src="https://blog.tunageru.com/wp-content/uploads/2021/11/tunageru_logo.png" alt="会社logo">
</div>
<span>誰にでも手軽に良質な国産生地を</span>
</div>
<div class="日付">
<div class="日付-中央">
<div class="Mail-Magazine">Mail Magazine</div>
<div class="header-日付">2023/08/02</div>
</div>
</div>
</div>
<!-- 挨拶文 -->
<div class="挨拶">
<div class="線"></div>
<p class="ブログキャッチコピー">
ー想像力を刺激する生成AIの可能性ー
</p>
<p class="v3_22-内容">いつもtunageruをご利用いただきありがとうございます。<br>
新しいブログ記事がアップされましたので、ぜひご覧ください。
</p>
</div>
<!-- ブログ記事 -->
<div class="v3_36-ブログ記事">
<span class="v3_26-カテゴリーtitle">NEW</span>
<div class="メイン">
<p class="title">
～生成AIを活用した柄のデザイン①～
</p>
<img class=ブログトップ画像 src="https://blog.tunageru.com/wp-content/uploads/2023/07/8-1536x730.jpg" alt="画像の説明" style="max-width: 100%;">
<div class="記事リンクボタン">
<a href="https://blog.tunageru.com/all-about-textile/pattern-design-generated-ai/?utm_source=newsletter&utm_medium=e-mail&utm_campaign=newsletter0802&utm_id=newsletter0802">
<img class="リンクボタン" src="https://blog.tunageru.com/wp-content/uploads/2023/07/%E3%83%9C%E3%82%BF%E3%83%B32.png" alt="リンクボタン">
</a>
</div>
<p class="内容">
プリントデザインにかけている莫大な時間をAIが「秒」で解決！<br>
リピート（送り）のついたプリントデザインをAIに画像生成させる方法をご紹介します。最新トレンドのキーワードをピックアップして、次期トレンドにぴったりなシームレスな柄をAIとデザインしていきます。<br>
デザイナーや企画担当の皆様の参考にしていただければ幸いです。<br>
</p>
</div>
<!-- サイト誘導リンク -->
<div class="サイト誘導リンク">
<a href="https://blog.tunageru.com/?utm_source=newsletter&utm_medium=e-mail&utm_campaign=newsletter0612&utm_id=newsletter0612">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/%E3%83%96%E3%83%AD%E3%82%B0%E3%83%AA%E3%83%B3%E3%82%AF.jpg" alt="ブログリンク">
</a>
<a href="https://tunageru.com/?utm_source=newsletter&utm_medium=e-mail&utm_campaign=newsletter0612&utm_id=newsletter0612">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/EC%E3%83%AA%E3%83%B3%E3%82%AF.jpg" alt="ECリンク">
</a>
</div>
<!-- footer -->
<div class="footer">
<div class="線"></div>
<div class="footer-会社logo">
<div class="縦並び">
<div class="footer-会社logo-image">
<img class="会社logo-Image" src="https://blog.tunageru.com/wp-content/uploads/2021/11/tunageru_logo.png" alt="会社logo">
</div>
<span>誰にでも手軽に良質な国産生地を</span>
</div>
</div>
<div class="SNS-リンク">
<a href="https://twitter.com/tunageru_fabric">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/image-3.png" alt="twitter-logo">
</a>
<a href="https://www.facebook.com/tunageru.fabric">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/image-2.png" alt="Facebook-logo">
</a>
<a href="https://www.instagram.com/tunageru_fabric/">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/image-4.png" alt="Instagram-logo">
</a>
<a href="https://www.youtube.com/channel/UCz8WOr0nZmfYFX55uxp_S1A">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/image-5.png" alt="YouTube-logo">
</a>
<a href="https://www.pinterest.jp/tunageru_fabric/_created/">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/image-6.png" alt="Pinterest-logo">
</a>
<a href="https://note.com/tunageru/">
<img src="https://blog.tunageru.com/wp-content/uploads/2023/06/image-7.png" alt="Note-logo">
</a>
</div>
</div>
<div class="フッタ-リンク">
<div class="リンク">
<a href="https://tunageru.com/">
tunageru
</a>
<a href="https://tunageru.com/home">
商品一覧
</a>
<a href="https://blog.tunageru.com/">
新着記事
</a>
</div>
<div class="リンク">
<a href="https://blog.tunageru.com/contact/">
お問い合わせ
</a>
<a href="https://tunageru.com/privacy-policy">
プライバシーポリシー
</a>
<a href="https://tunageru.com/user-policy_buyer">
利用規約
</a>
</div>
<div class="コピーライト">
配信停止は、ログイン後、アカウントメニューにてお手続きください。<br>
©2020 Copyright: d-plustrading co.,ltd.
</div>
</div>
</div>
</body>
</html>
