リンク追加

techguide-jp · Jun 1, 2024 · f4fef69 · f4fef69
1 parent e809ef9
commit f4fef69
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/design/TechGuide/css/output.css b/design/TechGuide/css/output.css
@@ -2365,6 +2365,22 @@ h3.subtitle {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.btn-link {
+  display: inline-block;
+  border-radius: 0.25rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.btn-link:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
+}
 @media (min-width: 640px) {
 
   .sm\:container {

diff --git a/design/TechGuide/css/tailwindcss.css b/design/TechGuide/css/tailwindcss.css
@@ -19,4 +19,7 @@ h1#thought_title {
 }
 h3.subtitle {
     @apply text-2xl text-red-500 pb-3;
+}
+.btn-link {
+    @apply inline-block px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-700;
 }
diff --git a/design/TechGuide/index.html b/design/TechGuide/index.html
@@ -264,7 +264,8 @@ <h3 class="contents_title2 subtitle"><a href="https://love.techguide.jp/line" ta
 											</ul>
 											パソコンに向かってばかりいてコミュニケーションが苦手になってしまったり、仕事が忙しくて出逢いが無い、などエンジニアの方々にも多い悩みです。<br>
 											恋愛がうまくいかないと仕事にも影響が出てしまいます。<br>
-											仕事でさらに活躍するためにも恋愛の悩みを解決しませんか？<br>
+											仕事でさらに活躍するためにも恋愛の悩みを解決しませんか？<br><br>
+											<a href="https://love.techguide.jp/line" target="_blank" class="btn-link">詳細を見る</a>
 										</div>
 										<p class="img"><a href="https://love.techguide.jp/line" target="_blank">
 											<img src="images/love.jpg" alt="恋愛コンサル画像"></a></p>
@@ -282,7 +283,8 @@ <h3 class="subtitle"><a href="https://www.koi-tre.com/" target="_blank">【Koi-T
 											生成AIを使った恋愛力アップツールです。<br>
 											コミュニケーションを改善するためのツールとして、恋愛に限らずビジネスにも活用できます。<br>
 											あなたのセリフに対してAIが採点し、改善点を提案してくれます。<br>
-											恋愛に自信がない方、コミュニケーションが苦手な方、ビジネスでのプレゼンテーションが苦手な方におすすめです。<br>
+											恋愛に自信がない方、コミュニケーションが苦手な方、ビジネスでのプレゼンテーションが苦手な方におすすめです。<br><br>
+											<a href="https://www.koi-tre.com/" target="_blank"  class="btn-link">詳細を見る</a>
 										</div>
 										<p class="img"><a href="https://www.koi-tre.com/" target="_blank">
 											<img src="images/koitre.png" alt="Koi-Tre"></a></p>