Name Tags w/Organization & Phone
Imports: 3

These are Avery 8395 name tag labels. It contains Name, Organization Name, Phone Number. These were designed as a vbs backup in case label printers stop working. You can print these and keep them on hand in case they are needed. Thanks to www.4.Church for sponsoring this recipe!

Preview

Report Preview


  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
    <title>Avery 88395 Name Tags</title>
    <style>
        /* Page Setup */

        @media print {
            body .label {
                page-break-inside: avoid;
            }

            body .sheet {
                page-break-after: always;
            }
        }

        @page {
            size: 8.5in 11in; /* Standard US Letter */
            margin: 0;
        }
        body {
            width: 8.5in;
            height: 11in;
            margin: 0;
            padding: 0;
            position: relative;
            font-family: Arial, sans-serif; /* Example font */
        }
        .sheet {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(4, 1fr);
            grid-column-gap: 0.356in;
            grid-row-gap: 0.243in;
            padding-left: 0.6in; /* Left margin */
            padding-right: 0.7in; /* Right margin */
            padding-top: 0.5in; /* Top margin */
            padding-bottom: 0.6in; /* Bottom margin */
            box-sizing: border-box;
            height: 100%;
        }
        .label {
            width: calc((8.5in - 1.3in - 0.356in) / 2); /* Calculate label width */
            height: calc((11in - 1.1in - 0.429in) / 4); /* Calculate label height */
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .organization {
            font-size: 16px; /* Smaller font size for organization */
            margin-bottom: .2in;
        }
        .first_name {
            font-size: 34px; /* Larger font size for name */
          	max-width: 150px;

        }
        .last_name {
            font-size: 18px; /* Larger font size for name */

        }
        .phone {
            font-size: 14px; /* Smaller font size for phone number */
          	margin-top: 15px;
        }

        .content {
             display: flex;
          	 margin-top: 60px;
             justify-content: space-between;
         }
        .name {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-right: 10px;
        }
        .organization {
            font-size: 20px;
            border-left: 1px solid black;
            padding-left: 10px;
            align-self: center;
          	width: 135px;
        
        }

    </style>
</head>
<body>
<div class="sheet">
    {% for person in people %}
        <div class="label">
            <div class="content">
                <div class="name">
                    <div class="first_name">{{ person.first_name }}</div>
                    <div class="last_name">{{ person.last_name }}</div>
                    <div class="phone">{{ person.primary_phone_number }}</div>
                </div>
                <div class="organization">{{ organization.name }}</div>
            </div>

        </div>
    {% endfor %}
</div>
</body>
</html>