-1
ウェブサイト用のダウンロード可能なvcardを作成しようとしています（現在、ウェブサイトはローカルなので、フロントエンドを表示できません）。私がしたのは、私のソーシャルメディアのアイコンの横にvcardが表示されるようにするセクションです。問題は正しく整列していないことです。私は新しいタブを開くダウンロードをクリックし、それはダウンロードしません。私は問題がhrefコードと考えていますウェブサイトのダウンロード用のvcardに問題があります
私のコードは以前と同じです。 （私はテストのためにLinkedInイメージを使用しています）。私はこれについて研究しており、JSコードを適用しているものもありますが、jsやPHPを使用しない方が望ましいです。
.card {
width: 300px;
margin: 2em auto;
text-align: left;
padding: 1em;
overflow: auto;
background-image: url(../../assets/img/linkedin-icon.png);
a {
padding: 1em;
text-decoration: none;
color: #00ffbb;
background: #000;
font-weight: bold;
&:hover {
color: #000;
background: #00ffbb;
}
}
}<!--/ #About -->
<section id="about" name="about"></section>
<div id="colourblock">
<div class="row">
<div class="col-md-4">
<div class="aboutprofile">
<img class="center" src="../../assets/img/about-section.png" alt="About" >
</div>
</div>
<div class="col-md-8">
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sitDonec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sitDonec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit.
</p>
<br>
<p>
\t \t \t \t <a href="www.linkedin.com" target="_blank"><img src="../../assets/img/linkedin-icon.png" alt="About" ></a>
<a href="www.twitter.com" target="_blank"><img src="../../assets/img/twitter-icon.png" alt="Twitter" ></a>
\t \t \t \t <a href="mailto:[email protected]"><img src="../../assets/img/email-profile.png" alt="Email" ></a>
<div class="card">
<a href=" ../../assets/Imtiaz_Abbas.vcf" id="dl" target="_blank" download="Imtiaz_Abbas.vcf">Download contact</a>
</div>
</p>
</div>
</div>
</div>