【免费】黑色透明大气的恋爱交友个人博客模板_黑色透明博客恋爱交友情侣个人婚礼wedding.rar资源-CSDN文库

共45个文件

png：8个

js：6个

jpg：6个

需积分: 0 13 浏览量 2023-09-11 08:42:14 上传评论收藏 980KB RAR 举报

该压缩包文件包含了一个以黑色和透明元素设计的恋爱交友个人博客模板，特别适合用于创建情侣个人婚礼或恋爱交友相关的网站。这个模板采用HTML技术构建，可以作为一个基础框架，为那些想要展示自己的爱情故事或者创建在线社区的人提供帮助。下面我们将深入探讨其中涉及的HTML、CSS以及字体资源等相关知识点。 HTML（HyperText Markup Language）是网页制作的基础语言，用于描述网页内容和结构。在本模板中，`index-with-bridal-party.html` 和 `index.html` 是两个主要的HTML文件，分别可能代表不同的页面布局或功能，例如一个带有伴娘伴郎团展示的版本和一个基础版。用户可以根据需要选择或自定义这些文件。 CSS（Cascading Style Sheets）用于控制网页的样式和布局。压缩包中的 `main-1.6.css` 和 `normalize.min.css` 是两种重要的CSS文件。`main-1.6.css` 是主要的样式表，包含了博客模板的具体样式规则，如颜色、字体、布局等。`normalize.min.css` 是一个常见的库，用于减少不同浏览器之间的样式差异，确保跨浏览器的兼容性。在字体资源方面，`edwasai.eot`、`futuralt-bold-webfont.eot`、`futuralt-book-webfont.eot`、`futuralt-webfont.eot`、`edwasaib.eot` 都是Web字体文件，它们提供了多种字体样式，包括粗体、常规等。这些字体可能用于标题、正文或其他设计元素，以增强博客的视觉效果和阅读体验。`.eot` 文件格式主要用于Internet Explorer浏览器，而其他格式如 `.woff` 和 `.ttf` 适用于更广泛的现代浏览器。 `favicon.ico` 是一个图标文件，通常在浏览器地址栏或书签中显示，为网站提供独特的视觉标识。在这个恋爱交友博客模板中，它可能是与主题相符的个性化图标。这个压缩包提供的恋爱交友个人博客模板涵盖了HTML结构、CSS样式以及定制字体等核心元素，是一个完整的网页设计基础。用户可以通过编辑HTML和CSS文件来定制内容和风格，同时利用提供的Web字体来提升视觉吸引力。对于进行毕业论文相关项目或对网页设计感兴趣的人来说，这是一个很好的学习和实践素材。

资源推荐

资源详情

资源评论

收起资源包目录

黑色透明大气的恋爱交友个人博客模板_黑色透明博客恋爱交友情侣个人婚礼wedding.rar （45个子文件）

apple-touch-icon-72x72-precomposed.png 2KB

jquery-picture-min.js 2KB

futuralt-bold-webfont.eot 18KB

apple-touch-icon-57x57-precomposed.png 1KB

onknee-medium.jpg 78KB

edwasai.svg 92KB

waypoints.min.js 4KB

edwasaib.ttf 87KB

edwasaib.svg 222B

apple-touch-icon.png 1KB

edwasaib.eot 0B

edwasai.ttf 88KB

sarahThumb.jpg 2KB

bradThumb.jpg 2KB

futuralt-webfont.svg 50KB

futuralt-bold-webfont.ttf 38KB

index-with-bridal-party.html 21KB

main-1.6.js 100KB

edwasai.eot 88KB

main-1.6.css 18KB

futuralt-bold-webfont.woff 21KB

futuralt-book-webfont.eot 18KB

apple-touch-icon-114x114-precomposed.png 2KB

futuralt-book-webfont.ttf 37KB

jquery-1.9.1.min.js 90KB

futuralt-webfont.eot 17KB

favicon.ico 1KB

bg-pic.jpg 190KB

futuralt-webfont.woff 20KB

modernizr-2.6.2-respond-1.1.0.min.js 19KB

futuralt-book-webfont.woff 21KB

jquery.scrollTo-1.4.3.1-min.js 2KB

index.html 20KB

edwasaib.woff 45KB

futuralt-webfont.ttf 37KB

onknee-large.jpg 122KB

normalize.min.css 2KB

apple-touch-icon-precomposed.png 1KB

heart-large.png 4KB

theinn-large.png 4KB

futuralt-book-webfont.svg 51KB

futuralt-bold-webfont.svg 51KB

onknee-small.jpg 13KB

apple-touch-icon-144x144-precomposed.png 3KB

edwasai.woff 45KB

<!DOCTYPE html>     <html class="no-js">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>S+B Wedding</title> <meta name="description" content="Welcome to the wedding website for Sarah and Brad's Big Day!"> <meta name="viewport" content="width=device-width,initial-scale=1.0" />  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">  <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png"> <link rel="shortcut icon" href="favicon.ico?v=1"> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main-1.5.css"> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> </head> <body>  <div id="bg-image"> <img src="img/bg-pic.jpg" alt=""> </div> <div id="bg-container"> <div class="header-container"> <div id="heading" class="wrapper clearfix"> <nav id="nav"> <ul> <li><a href="#brideandgroom">THE BRIDE & GROOM</a></li> <li><a href="#wedding">WEDDING</a></li> <li><a href="#accomodations">ACCOMODATIONS</a></li> <li><a href="#registry">REGISTRY</a></li> <li><a href="http://www.moobnn.com/" target="_blank">BLOG</a></li> </ul> </nav> </div> </div> <div class="main-container"> <div class="main wrapper clearfix"> <header> <div id="introtext"> <span class="head-sarah">Sarah</span> <span class="head-brad">  <span class="amp">&</span> BRADLEY </span> <div class="date">SEPTEMBER 6<sup>th</sup>, 2013</div> </div> </header> <div class="clearfix"></div> <section id="brideandgroom" class="clearfix"> <h1>The Bride and Groom</h1> <div class="column left"> <h2>SARAH</h2> <p> <img src="img/sarahThumb.jpg" class="thumb"></img> Sarah is most thankful to her parents for the gift of two loving big brothers & five amazing role-model sisters. As the second-youngest, Sarah spent her childhood twirling & dancing around, putting on talent shows for her parents & grandparents. Her creative spirit and eye for design was established at a young age, as she highly disapproved of Mattel’s © furnishings and décor within her Barbie House. If Barbie needed an interior makeover (which was frequent) Sarah looked through Sunday newspaper ads & IKEA magazines for inspiration, drew the new contents by hand and placed them as backdrops in the Barbie house. After graduation from Mater Dei High School, Sarah explored the metropolitan life in San Francisco and graduated with a BS in Interior Design from San Francisco State University. Sarah is adding to her vows that she will forever allow a one-room “man-den�?with it’s contents and décor subject to Bradley’s discretion.</p> </div> <div class="column right"> <h2>BRADLEY</h2> <p> <img src="img/bradThumb.jpg" class="thumb"></img> Born in Mission Viejo, California, Bradley spent half of his life living with his mother in San Diego and half with his wonderful Wisconsin family. Bradley grew up playing ice hockey while secretly learning how to build computers. Half jock, half nerd, he has cultivated these interests well into his adult life, that make him who he is today. After his graduation from the University of San Francisco with a degree in Information Systems, Bradley worked for Yahoo! for seven years, and continued to explore the tech startup scene in San Francisco. With an entrepreneurial spirit and passion for technology, Bradley now runs his own software company, Scal.io, building hand-crafted mobile, web, and desktop apps for tech companies in the Silicon Valley and beyond. Bradley is adding to his vows a lifetime IT guarantee to Sarah, that he will be readily available 24/7 to troubleshoot... anything & everything technical.</p> </div> <div class="clearfix"></div> <div class="column full"> <div class="hr-t"></div> <div class="hr-b"></div> </div> <div class="column full"> <h2>HOW WE MET</h2> <p>In 2010 the two were both wild and running free around San Francisco’s Marina District, as most singles do. Bradley was quite the bachelor- planning weekend getaways with friends, float trips, and taking last minute trips to Ibiza, Cabo, wherever the wind blew. Sarah was quite the bachelorette, wining and dining around San Francisco, on a strict agenda which included over-extending herself, saying yes to every social engagement that came her way. After a mutual friend of the two suggested they would make a cute couple, a date was on the books and they began to discover just how compatible they were. In no time, they also discovered they were inseparable and very in love. The rest is history- they’ve shared some amazing adventures around the world, each other's toothbrushes, and now they’re ready to share the rest of their lives together, too.</p> </div> <div class="column full"> <figure class="responsive-image proposal" data-media="img/onknee-small.jpg" data-media480="img/onknee-small.jpg" data-media768="img/onknee-medium.jpg" data-media1140="img/onknee-large.jpg" title="Brad Proposing To Sarah"> <noscript> <img src="img/onknee-large.jpg" alt="Brad Proposing To Sarah"> </noscript> </figure> <h2>THE ENGAGEMENT</h2> <p>Down in San Diego for a weekend to visit Bradley’s mom, the pair decided to spend the beautiful morning at Balboa Park. After returning to their hotel, Bradley asked Sarah to run up to their room for a bottle of wine that had been chilling. Bradley

评论收藏

内容反馈